CSS表格是網頁設計中常用的元素之一，通過樣式可以實現不同的表格效果。本文將介紹如何使用CSS實現表格橫向展示。

<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中可以對表格進行樣式設置。下面是實現表格橫向展示的CSS代碼：

table {
width: 100%;
border-collapse: collapse;
}
th, td {
width: auto;
text-align: center;
border: 1px solid #ccc;
padding: 8px;
}
tr:first-child {
display: none;
}
tr {
display: flex;
justify-content: space-around;
}

首先，設置表格的寬度為100%，使表格占滿整個父元素。然后使用border-collapse: collapse來合并單元格邊框，以避免出現“雙邊框”情況。

接著是對th和td樣式的設置，包括寬度為自適應、居中顯示、邊框樣式和內邊距。這些樣式可以根據自己的需求進行調整。

注意到CSS中的“flex”，這是CSS3的新屬性，可以用來實現靈活的盒子布局。這里對表格中的每一行都應用了這一屬性，使得單元格按照一定的間隔橫向展示。

最后，設置第一行（即表格頭部）不顯示。這樣，當表格橫向展示時，表格頭部也不會出現在每一行的末尾。