在網頁中，表格是一種常見的布局方式。為了使表格更美觀，常常需要給表格添加豎向分割線。下面就介紹一下如何使用 CSS 給表格添加豎向分割線。

<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
<tr>
<td>單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
</tr>
</table>

上面是一個簡單的表格，現在我們來添加豎向分割線。

table {
border-collapse: collapse;
}
td {
border: 1px solid #000;
border-right: none;
}
td:last-child {
border-right: 1px solid #000;
}

上面的代碼中，我們給表格和單元格都設置了邊框合并，并將豎向分割線的寬度設置為 1 像素，顏色為黑色。然后需要去掉每一個單元格右側邊框，再給每一行最后一個單元格添加右側邊框，這樣就能實現豎向分割線的效果了。

附上效果圖和完整代碼。

<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
<tr>
<td>單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
</tr>
</table>

table {
border-collapse: collapse;
}
td {
border: 1px solid #000;
border-right: none;
}
td:last-child {
border-right: 1px solid #000;
}