通常设置table的cellspace="0"都是为了自己定义table的样式,但始终是在写HTML的属性。
但是为了完全用css来控制,也有办法:
table {
border-collapse: collapse;
border-spacing: 0px;
}
border-collapse有两个选项: separate | collapse。
seperate 的边框如下:
|| ||
|| ||
collapse 的边框如下:
| | (两个相邻单元格的相邻边合并了)
虽然这两个css属性是可以完成的,但是由于浏览器的原因,也许有时候不能正确render,所以,具体用那种方式,还要根据特定情况来决定。
但是为了完全用css来控制,也有办法:
table {
border-collapse: collapse;
border-spacing: 0px;
}
border-collapse有两个选项: separate | collapse。
seperate 的边框如下:
|| ||
|| ||
collapse 的边框如下:
| | (两个相邻单元格的相邻边合并了)
虽然这两个css属性是可以完成的,但是由于浏览器的原因,也许有时候不能正确render,所以,具体用那种方式,还要根据特定情况来决定。