在 table的css里面加: border-collapse:collapse;
在 td 的css里面加: empty-cells:show;
2.或者在空单元格td里面加 ;
文章图片
border-collapse 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
可能的值 :
separate 默认,边框被分开。 不会忽略 border-spacing 和 empty-cells 属性。
collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。
empty-cells 属性设置是否显示表格中的空单元格(仅用于“分离边框”模式)。
可能的值
hide 不在空单元格周围绘制边框。
show 在空单元格周围绘制边框。默认。
inherit 规定应该从父元素继承 empty-cells 属性的值。
【css|table表格空单元格显示——empty-cells:show;详解】代码
- 锐客网
>
table
{
height:200px;
width:200px;
border-collapse:collapse;
empty-cells:hide;
}
1111
2222
3333
推荐阅读
- javascript|js for循环 1-100的和 /1-100奇数和/1-100偶数和
- html5|:nth-child()选择器用法
- javascript|JavaScript修炼之路-筑基篇(九)获取和修改元素属性值
- css样式之精灵图与字体图标跟多行显示省略号
- 前端笔记|CSS基础(选择器、伪类、定位、CSS3)
- python|七夕特别篇|用Python绘画牛郎织女在鹊桥相见
- css|清除浮动的几种方式,各自的优缺点
- 一文解读(CSS语法、注释、使用方式、选择器。)
- css|再见!JAVA!