css border-collapse

CSS border-collapse 属性定义表格边框的合并方式。

border-collapse: collapse | separate;

border-collapse 属性可以有两个值：collapse 和 separate。默认值是 separate，表示单元格之间的边框是分离的，即使用不同的颜色也可以看出来。而 collapse 则表示单元格之间的边框会合并成一条线，这时候就不能够区分出单元格之间的界限了。

border-collapse 属性可以应用在 table 上，也可以应用在 table 的子元素上，如 thead、tbody、tfoot、tr、td 等。如果在 table 上应用了 border-collapse: collapse，那么所有子元素都会采用这个属性；如果在子元素上应用了 border-collapse: separate，那么这个子元素会采用这个属性；如果在子元素上应用了 border-collapse: collapse，但是 table 上没有应用该属性，那么该子元素将采用 table 的 border-collapse 属性。

border-collapse 属性可以帮助我们定义表格中单元格之间的边框显示方式。当我们想要将表格中单元格之间的边框合并成一条时，就可以使用该属性来实现。而当我们想要将表格中单元格之间的边框分开时，就可以使用该属性来实现。因此 border-collapse 是一个很有用的 CSS 属性。

CSS border-collapse 属性

CSS border-collapse 属性

属性定义及使用说明

border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。

实例

实例

为表格设置合并边框模型：

table { border-collapse:collapse; }