html+css基础入门学习教程之CSS表格 - border 属性
CSS表格 - border 属性
border 简写属性在一个声明设置所有的边框属性。
font 简写属性 在一个声明中设置所有字体属性。
可以按顺序设置如下属性:
border-width
border-style
border-color
如下代码:
p{border:5px solid red;}
具体参数值在下面 一 一介绍
CSS表格 - border-collapse 属性
新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
语法如下:
p{border-collapse:collapse; }
页面上显示为
Firstname | Lastname |
---|---|
Bill | Gates |
CSS表格 - border-spacing 属性
border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。
注释:某些版本的IE浏览器不支持此属性。
该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中,第一个是水平间隔,第二个是垂直间隔。除非 border-collapse 被设置为 separate,否则将忽略这个属性。尽管这个属性只应用于表,不过它可以由表中的所有元素继承。
语法如下:
p{border-spacing:10px 50px; }
页面上显示为
border-spacing | 10px |
---|
border-spacing | 50px 10px |
---|
CSS表格 - caption-side 属性
caption-side 属性设置表格标题的位置。
注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 caption-side 属性。
该属性指定了表标题相对于表框的放置位置。表标题显示为好像它是表之前(或之后)的一个块级元素。
语法如下:
p{caption-side:bottom; }
有三个值:
top
bottom
inherit
页面上显示为
Bill | Gates |
Bill | Gates |
CSS表格 - empty-cells 属性
empty-cells 属性设置是否显示表格中的空单元格(仅用于“分离边框”模式)。
注释:某些版本的IE浏览器不支持此属性。
该属性定义了不包含任何内容的表单元格如何表示。如果显示,就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate,否则将忽略这个属性。
有三个值:
hide
show
inherit语法如下:
p{empty-cells:hide; }
新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
页面上显示为
empty-cells | hide |
Bill |
empty-cells | show |
Bill |
- 点赞
- 收藏
- 分享
- 文章举报
- html+css基础入门学习教程之CSS line-height 属性
- html+css基础入门学习教程之属性选择器详解
- html基础入门学习教程CSS 定位 (Positioning) 属性允许你对元素进行定位
- HTML+css基础入门学习教程在之CSS 绝对定位
- html+css基础入门学习教程之CSS 外边距合并
- 学习笔记(04):HTML+CSS前端基础开发视频教程-表格
- html+css基础入门学习教程之浮动的框可以向左或向右移动
- 学习网站开发必备推荐!30天学会HTML和CSS基础入门视频教程 (免费精品课程)
- 学习笔记(12):HTML+CSS前端基础开发视频教程-文字属性
- 学习笔记(13):HTML+CSS前端基础开发视频教程-文本控制属性
- [HTML5教程] 零基础学习HTML5之HTML+CSS基础【完结】
- CSS基础学习十六:CSS盒子模型补充之border-radius属性
- Putty基础教程之(一).入门命令学习及编写HTML
- 学习笔记(10):HTML+CSS前端基础开发视频教程-css的继承性和层叠性
- HTML入门学习笔记--CSS属性(2)
- HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK
- 学习笔记(11):HTML+CSS前端基础开发视频教程-important
- 学习笔记(28):HTML+CSS前端基础开发视频教程-内外墙法
- 学习笔记(26):java教程,java视频,java基础教程,初级Java入门到精通-12.static关键字在属性上...
- HTML+CSS基础入门-第十八天(CSS-布局的属性)