在制作網(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)用到表格來(lái)展示數(shù)據(jù)。表格的橫向間距（也叫列間距）在一定程度上影響了表格的美觀程度。下面我們來(lái)講解如何使用CSS來(lái)調(diào)整表格的橫向間距。

首先，我們需要在HTML中創(chuàng)建一個(gè)表格。下面是一個(gè)簡(jiǎn)單的示例：

<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>小紅</td>
<td>20</td>
<td>女</td>
</tr>
</table>

接著，我們可以使用CSS來(lái)設(shè)置表格中的橫間距。最簡(jiǎn)單的方式是使用“border-spacing”屬性。下面是一個(gè)示例：

table {
border-spacing: 20px;
}

在這個(gè)例子中，“border-spacing”屬性將列間距設(shè)置為20像素。如果您需要將列間距設(shè)置為不同的像素，可以調(diào)整屬性值。

另一個(gè)設(shè)置列間距的方式是使用“border-collapse”屬性。這個(gè)屬性有兩個(gè)可能的值：collapse 和 separate。如果您將值設(shè)置為“collapse”，表格邊框?qū)⒑喜⒃谝黄穑瑱M向間距也將變小。下面是一個(gè)示例：

table {
border-collapse: collapse;
}

這個(gè)屬性的另一個(gè)可能的值是“separate”，這會(huì)將表格邊框分開(kāi)，并增加列間距。下面是一個(gè)示例：

table {
border-collapse: separate;
border-spacing: 20px;
}

使用“border-collapse”屬性和“border-spacing”屬性兩者結(jié)合起來(lái)，您可以達(dá)到想要的表格效果。

總而言之，表格的橫向間距對(duì)于美觀度非常重要。通過(guò)上述兩種方法，您可以輕松調(diào)整表格的橫向間距以達(dá)到您所期望的效果。