在網頁設計中，常常會使用表格來展示數據或信息。在表格中，有時我們需要將某些列或行合并成一列或一行，以便更好的呈現信息。本文將介紹如何使用CSS來實現表格中一列的合并。

<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
<th>Salary</th>
</tr>
<tr>
<td>001</td>
<td>Alice</td>
<td>Female</td>
<td>28</td>
<td>$5000</td>
</tr>
<tr>
<td>002</td>
<td>Bob</td>
<td>Male</td>
<td>35</td>
<td>$6000</td>
</tr>
<tr>
<td>003</td>
<td>Carol</td>
<td rowspan="2">Female</td>
<td>30</td>
<td>$7000</td>
</tr>
<tr>
<td>004</td>
<td>David</td>
<td>32</td>
<td>$8000</td>
</tr>
</table>

以上是一個簡單的表格，其中第3列和第4列需要合并。通過在第3行添加rowspan="2"屬性，使其跨越兩行，同時刪除第4行中的該列，即可實現列合并：

<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Gender</th>
<th>Salary</th>
</tr>
<tr>
<td>001</td>
<td>Alice</td>
<td>Female</td>
<td>$5000</td>
</tr>
<tr>
<td>002</td>
<td>Bob</td>
<td>Male</td>
<td>$6000</td>
</tr>
<tr>
<td>003</td>
<td>Carol</td>
<td rowspan="2">Female</td>
<td>$7000</td>
</tr>
<tr>
<td>004</td>
<td>David</td>
<td>$8000</td>
</tr>
</table>

在樣式中，我們可以使用vertical-align:middle;將合并的列居中：

table td {
text-align:center;
vertical-align:middle;
}

如此，我們便可以方便地實現表格中一列（或一行）的合并，使表格更加美觀高效。