在CSS中，我們可以使用border-span屬性來控制表格中單元格的合并，這個屬性允許一個單元格跨越多個列或行，從而實現(xiàn)合并單元格的效果。

表格合并單元格的CSS控制

1、合并列

如果你想要一個單元格跨越多列，可以使用border-span屬性并設置相應的值，如果你想要一個單元格跨越3列，可以設置為：

.merge-columns {
  border-span: 3;
}

2、合并行

同樣，如果你想要一個單元格跨越多行，可以使用border-span屬性并設置相應的值，如果你想要一個單元格跨越4行，可以設置為：

.merge-rows {
  border-span: 4;
}

示例表格

假設你有一個表格如下：

<table>
  <tr>
    <td class="merge-columns">合并列</td>
    <td>列2</td>
    <td>列3</td>
  </tr>
  <tr>
    <td class="merge-rows">合并行</td>
    <td>行2, 列2</td>
    <td>行2, 列3</td>
  </tr>
  <tr>
    <td>行3, 列1</td>
    <td>行3, 列2</td>
    <td>行3, 列3</td>
  </tr>
</table>

通過應用上述CSS樣式，你可以實現(xiàn)表格中單元格的合并效果，這種方法提供了一種靈活且易于實現(xiàn)的方式來控制表格中單元格的合并，無需復雜的HTML結(jié)構(gòu)或JavaScript代碼。