CSS合并表格是指通過CSS樣式將多個單元格合并成一個表格。在HTML表格中，通常需要將多個單元格合并成一個表格，以便更好地展示數據。合并表格可以通過將多個單元格合并為一行或一列來實現。

使用CSS合并表格需要使用表格標簽和合并樣式屬性。表格標簽用于指定表格結構，而合并樣式屬性用于指定合并的方式。例如，可以使用以下代碼創建一個合并表格：

```html

<table>

<tr>

<td>單元格1</td>

<td>單元格2</td>

</tr>

<tr>

<td>單元格3</td>

<td>單元格4</td>

</tr>

</table>

在這個例子中，第一行和第三行被合并為一個單元格，名為“第一行第三列”。可以使用以下CSS樣式來設置合并方式：

```css

table {

border-collapse: collapse;

tr:first-child td, tr:last-child td {

border: 1px solid #ccc;

tr:first-child td:hover, tr:last-child td:hover {

background-color: #e8e8e8;

這個CSS樣式將第一個和第三個單元格的邊框設置為黑色，并在鼠標懸停時變亮。可以使用類似的CSS樣式來設置其他單元格的合并方式。

需要注意的是，在使用合并表格時，表格的行和列數量必須相同。如果行和列數量不同，則需要使用HTML表格屬性來設置每行和每列的數量。例如，可以使用以下代碼將每行固定為3個單元格：

```html

<table>

<tr>

<td>單元格1</td>

<td>單元格2</td>

<td>單元格3</td>

</tr>

<tr>

<td>單元格4</td>

<td>單元格5</td>

<td>單元格6</td>

</tr>

<tr>

<td>單元格7</td>

<td>單元格8</td>

<td>單元格9</td>

</tr>

</table>

在這個例子中，第一行和第三行被合并為一個單元格，名為“第一行第三列”，而第二行和第四行被合并為一個單元格，名為“第二行第四列”。

總之，CSS合并表格可以幫助將多個單元格合并成一個表格，以便更好地展示數據。使用CSS合并表格需要使用表格標簽和合并樣式屬性，并根據不同的合并方式設置相應的樣式。