css的border去重

在CSS中，可以使用border-collapse属性来去除相邻元素之间的边框重叠效果。border-collapse属性用于控制表格边框的合并方式，但也可以应用于其他元素。

当border-collapse属性的值为collapse时，相邻元素的边框会合并为一个单一的边框，从而达到去重的效果。而当border-collapse属性的值为separate时，相邻元素的边框会保持独立，不会合并。

下面是一个示例代码，展示如何使用border-collapse属性去除边框重叠效果：

<style>
    table {
        border-collapse: collapse;
    }
    td {
        border: 1px solid black;
        padding: 10px;
    }
</style>

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格3</td>
        <td>单元格4</td>
    </tr>
</table>

在上述代码中，通过设置table元素的border-collapse属性为collapse，实现了相邻单元格边框的合并效果。