border-collapse 是 CSS 的一个属性，用于控制表格元素的边框合并方式。这个属性只对具有 border 属性的表格元素有效。

  •  如果 border-collapse 设置为 collapse，表格边框会合并为一个单一的边框，相邻单元格的边框不会重叠。这是默认值。

table {
  border-collapse: collapse;
}

  •  如果 border-collapse 设置为 separate，表格边框不会合并，相邻单元格的边框会分开显示。

table {
  border-collapse: separate;
}

下面是一个简单的示例：
table {
  border-collapse: collapse;
}

td, th {
  border: 1px solid black;
  padding: 8px;
}

在这个例子中，border-collapse: collapse; 使得表格的边框合并为单一的边框，而每个单元格使用 border: 1px solid black; 来设置 1 像素的实线边框。


转载请注明出处：http://www.zyzy.cn/article/detail/4125/CSS