CSS表格合并單元格的方法

在CSS中，我們可以使用colspan和rowspan屬性來合并表格中的單元格。colspan屬性用于指定一個(gè)單元格可以橫跨的列數(shù)，而rowspan屬性則用于指定一個(gè)單元格可以橫跨的行數(shù)。

下面是一個(gè)使用colspan和rowspan屬性合并單元格的示例：

<table>
  <tr>
    <th>姓名</th>
    <th>年齡</th>
    <th>性別</th>
  </tr>
  <tr>
    <td>張三</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td colspan="2">李四</td>
    <td>女</td>
  </tr>
  <tr>
    <td colspan="3">***五</td>
  </tr>
  <tr>
    <td rowspan="2">趙六</td>
    <td>30</td>
    <td>男</td>
  </tr>
  <tr>
    <td>35</td>
    <td>女</td>
  </tr>
  <tr>
    <th>lt;/th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <td colspan="3">合計(jì)：5人，平均年齡：24歲，平均性別：男：2人，女：3人。</td>
  </tr>
</table>

在這個(gè)示例中，我們使用了colspan和rowspan屬性來合并單元格，在第三行中，我們將“李四”這個(gè)姓名合并到了兩個(gè)列中，而在第四行中，我們將“***五”這個(gè)姓名合并到了三個(gè)列中，在第六行和第七行中，我們將“趙六”這個(gè)姓名合并到了兩行中，在第十一行中，我們將總結(jié)信息合并到了三個(gè)列中。

通過這種方法，我們可以輕松地合并CSS表格中的單元格，使得表格更加簡(jiǎn)潔、易讀。