css中边框线合并

CSS中的边框线合并是指将相邻元素的边框线合并为一条而不是分别显示。它可以使页面更美观，减少边框线的过多堆叠。

border-collapse: collapse;

这个CSS属性可以使相邻元素的边框线合并。将该属性设置为collapse，则相邻元素的边框线合并。如果不设置，则默认为separate，则相邻元素的边框线不合并，而是分别显示。

在表格中，可以将该属性设置在table元素上，这样可以使表格的边框线合并，显示为一条线。

table {
  border-collapse: collapse;
}

需要注意的是，如果元素的边框线已经被设置为不同颜色、宽度或样式，合并后将会按照以下优先级显示：

1. 双边框
2. 实边框
3. 虚边框
4. 点边框

因此，如果需要保留边框线的颜色、宽度或样式，应当将相邻元素的边框线设置为相同的值。例如：

.Box {
  border: 1px solid black;
}

.Box-1 {
  border-bottom: none;
}

.Box-2 {
  border-top: none;
}

在这个例子中，.Box类设置了黑色1像素实线边框。而.Box-1类的下边框和.Box-2类的上边框均设置为不显示，以使相邻元素的边框线合并。

通过控制border-collapse属性的值，我们可以方便地控制相邻元素的边框线显示效果，以达到优化页面的目的。