在 CSS 中,可以使用 border-collapse 属性来控制表格单元格的边框合并方式。常用的属性值有 collapse 和 separate。
当属性值为 collapse 时,相邻单元格的边框会合并成一条边框,同时也可以通过 border-spacing 属性来控制单元格之间的间距大小。当属性值为 separate 时,相邻单元格的边框会分开显示。
如果需要合并表格中的单元格,可以使用 rowspan 和 colspan 属性。其中,rowspan 属性用于合并行单元格,colspan 属性用于合并列单元格。这两个属性的属性值为要合并的单元格数。
例如,要将表格中第一行的前两列合并为一格,可以使用以下代码:
<table>
  <tr>
    <td colspan="2">合并单元格</td>
    <td>第三列</td>
  </tr>
  <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
    <td>第一行第三列</td>
  </tr>
  <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
    <td>第二行第三列</td>
  </tr>
</table>
其中,colspan="2" 表示要将第一行的前两列合并为一格。
需要注意的是,在合并单元格时,被合并的单元格中只有左上角的单元格会显示内容,其他单元格不会显示任何内容。此外,合并单元格时需要保证被合并的单元格数量相等,否则会影响表格的结构和布局。