CSS 表格統計數據
CSS 表格是網頁制作中常用的元素之一，它能夠將數據以表格的形式呈現在頁面中，使用戶可以更加清晰地了解數據的情況。本文將介紹如何使用 CSS 表格來展示統計數據。
首先，我們需要創建一個表格的基本樣式。代碼如下：

table {
border-collapse: collapse;
width: 100%;
}
table th, table td {
border: 1px solid black;
padding: 8px;
}
table th {
background-color: #333;
color: #fff;
}

以上代碼中，我們為表格設置了邊框合并、寬度為100%、表頭和單元格的邊框為1像素黑色、內邊距為8像素、表頭背景為黑色、文字顏色為白色。
接下來，為我們的表格添加數據。假設我們要展示一組銷售數據：

<table>
<tr>
<th>年度</th>
<th>銷售額（萬元）</th>
<th>利潤（萬元）</th>
</tr>
<tr>
<td>2018</td>
<td>150</td>
<td>45</td>
</tr>
<tr>
<td>2019</td>
<td>200</td>
<td>60</td>
</tr>
<tr>
<td>2020</td>
<td>250</td>
<td>75</td>
</tr>
</table>

在這個表格中，我們有三個表頭（年度、銷售額、利潤）和三行數據（2018、2019、2020）。我們可以使用 CSS 進一步美化表格，使其更加易讀易懂。
比如，我們可以為表格中的奇數行添加背景色，以便更好地區分各行：

table tr:nth-child(odd) {
background-color: #f2f2f2;
}

我們也可以調整表頭和單元格的寬度，以便數據更加對齊：

table th:first-child, table td:first-child {
width: 30%;
}
table th:nth-child(2), table td:nth-child(2), table th:nth-child(3), table td:nth-child(3) {
width: 35%;
}

在以上代碼中，我們將第一列的寬度設置為30%，將第二列和第三列的寬度都設置為35%。
最終的效果如下圖所示：
通過使用 CSS 表格，我們可以方便地展示統計數據，并且通過可視化的方式使數據更加直觀易懂。在實際項目中，我們可以根據具體的需求對表格進行更多的美化和定制。