在CSS表格中，經(jīng)常會遇到需要將兩列合并單元格的情況，這可以使表格更加美觀和易讀。

要實現(xiàn)兩列合并單元格，需要先確定這兩列的位置（索引）。以以下表格為例：

<table>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
<th>城市</th>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>18</td>
<td>北京</td>
</tr>
<tr>
<td>小紅</td>
<td>女</td>
<td>20</td>
<td>上海</td>
</tr>
</table>

我們希望將第一列（姓名）和第二列（性別）合并單元格，可以用以下代碼實現(xiàn)：

table tr td:first-child,
table tr th:first-child {
grid-column: 1 / span 2;
}
table tr td:nth-child(2),
table tr th:nth-child(2) {
display: none;
}

代碼解釋：

• 第一行代碼表示選中表格中每一行的第一個單元格（即姓名列）和表頭中的“姓名”單元格，并將它們的“列網(wǎng)格線”（grid-column）從第1行開始，跨越2個單元格（span 2），即將該單元格和下一格單元格合并。
• 第二行代碼表示選中表格中每一行的第二個單元格（即性別列）和表頭中的“性別”單元格，并將它們的“顯示樣式”（display）設(shè)為“無”（none），即隱藏該單元格，從而達到兩列合并單元格的效果。

運用以上代碼，我們可以輕松地將CSS表格中的兩列合并單元格，讓表格更加美觀、易讀。