border-collapse

在CSS中，`border-collapse`是一个属性，用于定义表格元素（特别是`

`, ``, ``, ``, ``等）的边框行为。该属性决定了表格中相邻单元格的边框是如何合并或分离的。其主要值有：

1. `separate`：这是默认值，相邻单元格边框彼此分离。每个单元格都有单独的边框。这可以通过`border-spacing`属性来控制相邻单元格间的间距。当你为表格的每个单元格分别设置了边框样式时，这些边框会按照这种方式显示。

示例：

```css

table {

border-collapse: separate; /* 默认设置 */

border-spacing: 5px; /* 控制边框间距 */

}

```

2. `collapse`：当设置为这个值时，相邻单元格的边框会合并在一起，形成一个单一的边框。这意味着即使每个单元格都有边框样式定义，它们仍然会合并为一个连续的边框。这通常用于创建简洁的边框效果，特别是在不需要间隔的情况下。

示例：

```css

table {

border-collapse: collapse; /* 合并相邻单元格的边框 */

}

```

使用`border-collapse`属性时，通常与`border`属性一起使用来定义单元格的具体边框样式和颜色等细节。该属性特别在构建表格布局和呈现表格样式时非常有用，因为它允许开发者控制表格的整体外观和感觉。