cellspace的css做法

来源:互联网 发布:mac pro 照片导出 编辑:程序博客网 时间:2024/04/26 23:01
通常设置table的cellspace="0"都是为了自己定义table的样式,但始终是在写HTML的属性。
但是为了完全用css来控制,也有办法:

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

border-collapse有两个选项: separate | collapse。
seperate 的边框如下:

||      ||
||      ||

collapse 的边框如下:

|       | (两个相邻单元格的相邻边合并了)

虽然这两个css属性是可以完成的,但是由于浏览器的原因,也许有时候不能正确render,所以,具体用那种方式,还要根据特定情况来决定。