html tabel 边框合并

HTML表格的边框合并是通过`border-collapse`属性实现的，这个属性定义表格的边框是分开还是合并。默认情况下，HTML表格的边框是分开的，即每个单元格都有自己的边框，相邻单元格之间的边框会重叠，看起来就像是有双倍宽度的边框。如果你想要表格的边框看起来是合并的，即单元格之间共享边框，使得表格看起来更加整洁，你可以将`border-collapse`属性设置为`collapse`。

以下是如何在HTML中使用`border-collapse`属性来合并表格边框的示例：

<style>
table {
    border-collapse: collapse; /* 合并边框 */
}
table, th, td {
    border: 1px solid black; /* 给表格、表头和单元格添加边框 */
}
</style>

<table>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>数据1</td>
        <td>数据2</td>
    </tr>
</table>

在这个例子中，所有的表格边框都合并成了一个单一的边框，使得表格看起来更为紧凑和整齐。