在網(wǎng)頁設(shè)計(jì)中，表頭（即表格的標(biāo)題部分）的樣式和排版對(duì)于整個(gè)表格的呈現(xiàn)***關(guān)重要，使用CSS（層疊樣式表）可以輕松地給表頭添加樣式，使其更加吸引人并提升用戶體驗(yàn)。

1. 基本CSS屬性

你可以使用CSS的基本屬性來設(shè)置表頭的樣式。

table th {
    color: #333; /* 標(biāo)題顏色 */
    font-size: 18px; /* 字體大小 */
    text-align: left; /* 文本對(duì)齊方式 */
    border: 1px solid #ddd; /* 邊框樣式 */
    background-color: #f0f0f0; /* 背景顏色 */
}

2. 漸變背景

如果你想讓表頭有一個(gè)漸變的背景，可以使用CSS的線性漸變（linear-gradient）函數(shù)：

table th {
    background: linear-gradient(to right, #ff0000, #00ff00); /* 紅綠漸變背景 */
}

3. 懸停效果

添加懸停效果（hover effect）可以讓用戶在懸停在表頭時(shí)看到不同的樣式：

table th:hover {
    color: #fff; /* 懸停時(shí)標(biāo)題顏色 */
    background-color: #333; /* 懸停時(shí)背景顏色 */
    border-color: #333; /* 懸停時(shí)邊框顏色 */
}

4. 樣式化表格和表頭

你還可以對(duì)整個(gè)表格和表頭進(jìn)行更詳細(xì)的樣式化。

table {
    width: 100%; /* 表格寬度 */
    border-collapse: collapse; /* 合并邊框 */
}
table th, table td {
    padding: 8px; /* 單元格內(nèi)邊距 */
    border: 1px solid #ddd; /* 邊框樣式 */
}
table th {
    font-weight: bold; /* 標(biāo)題加粗 */
    text-transform: uppercase; /* 標(biāo)題大寫 */
}

5. 使用類（Class）或ID

如果你想要給特定的表頭添加樣式，可以使用類（Class）或ID來區(qū)分不同的表格和表頭。

.my-table th {
    color: #000; /* 我的表格標(biāo)題顏色 */
}

或者：

#my-table th {
    background-color: #fff; /* 我的表格標(biāo)題背景顏色 */
}

通過CSS，你可以輕松地給表頭添加各種樣式，包括顏色、字體大小、背景漸變、懸停效果等，這不僅可以提升表格的外觀，還能改善用戶體驗(yàn)，希望這些示例能幫助你在設(shè)計(jì)中更好地應(yīng)用CSS來美化表頭。