在網頁設計中，表格是一種經常使用的元素，而表頭排序是為了方便用戶對表中數據進行排序而進行的設計。 在 CSS 中，我們可以通過使用“表格樣式”（table-style）屬性來定義表頭排序的樣式。具體的做法是在表格元素上設置“table-layout: fixed;”，之后為表頭和表格內容分別設置不同的“id”值和“class”值，以實現不同的排序效果。 例如，我們可以使用以下 CSS 代碼對表頭排序進行設置：

table {
table-layout: fixed;
width: 100%;
}
thead tr th {
cursor: pointer;
}
.sort-asc:after,
.sort-desc:after {
content: '';
display: inline-block;
height: 0;
vertical-align: middle;
}
.sort-asc:after {
border-style: solid;
border-width: 0 4px 4px 0;
border-color: #555 transparent transparent transparent;
margin-left: 5px;
}
.sort-desc:after {
border-style: solid;
border-width: 4px 4px 0 0;
border-color: #555 transparent transparent transparent;
margin-left: 5px;
}
.sort-asc:hover:after {
border-color: #555 transparent transparent transparent;
}
.sort-desc:hover:after {
border-color: #555 transparent transparent transparent;
}

在這個例子中，“thead”元素表示表頭，“th”元素表示表頭中的單元格。用“cursor: pointer;”來顯示鼠標指針，并且用一個箭頭圖標來表示排序方式。我們可以通過添加“sort-asc”和“sort-desc”類來實現升序和降序排列。當鼠標懸停在排序箭頭上方時，會變成一個更加明顯的顏色，以便用戶更好地理解。 綜上所述，表頭排序是一種非常實用的功能，只需使用一些簡單的 CSS 代碼即可輕松實現，使得網頁的數據展示更加清晰、易讀。