border-collapse
属性用于控制元素之间的边框合并方式。它主要用于表格元素 (<table>
),可以指定表格中的单元格边框是否合并为一个单一的边框。
该属性可以有两个值:
collapse
:表示相邻单元格的边框会合并为一个单一的边框。边框合并后,相邻单元格之间就没有间隙了。separate
:表示相邻单元格的边框会保持独立,不合并。边框会分别显示,相邻单元格之间会有间隙。
使用方法如下:
table {
border-collapse: collapse; /* 或者 separate */
}
需要注意的是,border-collapse
属性仅适用于具有 border
属性的表格元素。另外,它对非表格元素没有效果。