免费教程
empty-cells 属性用来设置当某个单元格中没有内容时,是否显示这个空单元格……
Web前端教程
Web前端入门教程:CSS表格样式(2)
来源:易牛云朗沃
  |  
发布时间:2021-10-16 23:04
  |  
关键词:Web前端入门
  |  
阅读量:

3. border-spacing

border-spacing 属性可以设置相邻单元格边框之间的距离(仅在 border-collapse 属性为 separate 时才有效),它的效果等同于<table>标签的 cellspacing 属性(即border-spacing:0;等同于cellspacing="0")。border-spacing 属性的语法格式如下:

border-spacing: length length;

参数 length 由数值和单位组成,表示相邻单元格边框之间的距离,其可选值如下:

Web前端入门

【示例】使用 border-spacing 属性设置表格中相邻边框的间距:

Web前端入门

运行结果如下图所示:

Web前端入门

4. caption-side

caption-side 属性可以设置表格标题的位置,属性的可选值如下:

Web前端入门

【示例】使用 caption-side 属性设置表格标题的位置:

Web前端入门

运行结果如下图所示:

Web前端入门

5. empty-cells

empty-cells 属性用来设置当某个单元格中没有内容时,是否显示这个空单元格(仅在 border-collapse 属性为 separate 时才有效),属性的可选值如下:

Web前端入门

【示例】使用 empty-cells 属性来设置是否隐藏空单元格;

Web前端入门

运行结果如下图所示:

Web前端入门

点击知道更多编程知识

文章来源于网络