CSS可以使我們更好地控制網頁中的表格，其中一個重要的技巧就是表格合并。下面我們來學習一下如何使用CSS設置表格合并。
首先，我們需要在HTML中創建一個表格，然后為要合并的單元格添加相同的類名。例如，如果我們要將第一行的三個單元格合并成一個單元格，我們可以這樣寫代碼：

<table>
<tr>
<td class="merge">Cell 1</td>
<td class="merge">Cell 2</td>
<td class="merge">Cell 3</td>
</tr>
</table>

接著，我們可以使用CSS設置表格的樣式，并將單元格合并。我們可以使用CSS選擇器來選中所有要合并的單元格，然后使用colspan屬性來指定合并的列數。例如，以下代碼將合并名為“merge”的單元格：

<style>
table {
border-collapse: collapse;
}
.merge {
border: 1px solid black;
background-color: #cccccc;
}
.merge:first-child {
border-left: none;
}
.merge:last-child {
border-right: none;
}
.merge {
/* 合并3列 */
colspan: 3;
}
</style>

在這段代碼中，我們首先設置了表格的樣式，讓表格看起來更符合設計要求。然后我們使用CSS選擇器選中了所有的名為“merge”的單元格，并設置了它們的樣式，包括邊框和背景顏色。接著，我們使用:first-child和:last-child偽類選擇器去掉了第一個和最后一個單元格的左右邊框。最后，我們使用colspan屬性將三個單元格合并成一個單元格。
通過以上的步驟，我們已經成功地將表格中的單元格合并。請注意，如果需要合并行而不是列，我們可以使用rowspan屬性。另外，我們也可以將多個單元格合并成一個單元格，只需將它們都添加相同的類名，然后將colspan或rowspan屬性的值設置為它們的列數或行數之和即可。
總之，使用CSS來合并表格單元格是一個很有用的技巧，可以使我們更好地控制和設計網頁中的表格。