CSS的border-collapse属性可以用于控制表格中边框的合并方式。如果设置为collapse，那么相邻单元格之间的边框会合并为一条，而如果是separate，则边框会分别显示。border-spacing属性可以控制相邻边框的距离。
什么是border-collapse属性？
在CSS中，我们可以通过border-collapse属性来确定表格中各个单元格之间的边框如何合并显示。当我们将border-collapse设置为collapse时，相邻单元格的边框将会被合并为一条边框，而当设置为separate时，则会显示各自单独的边框。
如何使用border-collapse属性？
使用border-collapse属性非常简单，只需要在表格的样式中添加以下代码：
table {
border-collapse:collapse;
}
这样在表格中相邻的单元格边框就会被合并为一条边框。而如果需要单独的边框，则需要设置为separate：
table {
border-collapse: separate;
}
border-collapse属性的取值
border-collapse属性有两个取值：collapse和separate。
- collapse: 相邻的单元格边框将被合并为一条边框。这个选项也是默认值。
- separate: 相邻的单元格边框将分别显示。
border-collapse属性的注意事项
使用border-collapse属性需要注意以下几个方面：
- 当我们使用border-collapse属性时，只有相邻的单元格的边框才会被合并。如果某个单元格周围没有相邻的单元格，则该单元格的边框不会被合并。
- 只有在同一个表格中才会发生相邻单元格的边框合并。
- 表格中的th元素的边框始终显示为单独的边框，无论border-collapse属性设置为何值。
- 使用border-collapse属性时最好同时设置表格的边框值（border属性）和边框样式（border-style属性），以确保在两个相邻单元格同时存在边框时可能发生的边框重叠问题。
总结
border-collapse属性可以用于控制表格中相邻单元格的边框如何合并显示，取值为collapse和separate。需要注意的是，只有相邻的单元格的边框才会被合并，而th元素的边框始终显示为单独的边框。
