CSS表格是網頁設計中重要的元素之一，它可以用于展示數據或內容等。在表格中，有時我們需要合并若干單元格來呈現更為復雜的內容布局，本文將介紹如何使用CSS合并三個單元格。

<table>
<tr>
<td>單元格1</td>
<td colspan="2">合并單元格2和3</td>
</tr>
<tr>
<td rowspan="2">單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
</tr>
<tr>
<td colspan="2">合并單元格7和8</td>
</tr>
</table>

在上述代碼中，我們使用了colspan和rowspan屬性來合并單元格：

• colspan：指定該單元格跨越多少個列
• rowspan：指定該單元格跨越多少個行

在第一個tr標簽中，我們將第二個和第三個單元格合并為一個單元格，將colspan屬性設置為2，即跨越兩個列，從而實現了合并單元格的效果。同理，在第二個tr標簽中，我們將第七個和第八個單元格合并為一個單元格，將colspan屬性設置為2，并將第四個單元格設置為跨越兩行，從而實現了更為復雜的單元格合并效果。

使用CSS合并單元格是網頁設計中常見的技巧，可以在保證內容布局清晰、美觀的同時，提高網頁的易讀性和用戶體驗。