表格是網頁中常見的展示數據的方式之一，而CSS樣式可以讓我們對表格進行美化，使其更加具有可讀性和美觀性。本文將著重介紹如何對表格頭部進行樣式設置。

/*表格頭部樣式*/
table {
border-collapse: collapse;
width: 100%;
}
th {
background-color: #f5f5f5;
border: 1px solid #ccc;
font-size: 14px;
font-weight: bold;
padding: 8px;
text-align: center;
}
/*鼠標懸停表格頭部樣式*/
th:hover {
background-color: #ddd;
}
/*表格單元格樣式*/
td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}

首先，我們設置了表格的邊框合并屬性和寬度，使表格更加整潔美觀。接著，我們針對表格的頭部進行樣式設置。設置表格頭部的背景顏色為淺灰色，邊框為灰色實線1px，字體大小為14px，加粗，內邊距為8px，文本居中對齊。這樣，我們就能夠清晰地看到表格的頭部，并且能清楚地識別表格中各個字段。

有時候用戶在瀏覽表格時，需要對某個字段進行操作，這時候鼠標懸停在表格頭部上方應該有一個提醒，告訴用戶哪一個字段可以操作。因此，我們對表格頭部的鼠標懸停狀態進行了樣式設置，把背景顏色變成淺灰色。這樣，鼠標懸停在表格頭部上方時，用戶可以一眼看出哪些部分可以操作，提高了用戶使用體驗。

最后，我們對表格單元格進行樣式設置，設置表格單元格的邊框為灰色實線1px，文本居中對齊，內邊距為8px。這個樣式可以讓表格更加美觀，高效地展示數據，避免因為布局問題影響數據展示。