border-collapse 是 CSS 中的一个属性,用于控制相邻的表格单元格如何合并其边框样式。它仅适用于表格和内联表格,不适用于其他元素。
border-collapse 属性有两个可能的取值:
1、separate:这是默认值,每个单元格都有自己独立的边框。边框不会重叠或合并。
2、collapse:当应用此值时,相邻的表格单元格共享边框。单元格之间的边框会合并为一个边框,创建一个更清晰、无缝连接的表格外观。
下面土嘎嘎小编分享一个 border-collapse 属性的示例用法:
〓〓css代码如下:〓〓
table { border-collapse: collapse; }
在上面的示例中, border-collapse 属性被应用于 table 元素,将相邻表格单元格之间的边框合并为一个边框,以达到更整洁的表格外观。