CSS表格表頭固定不動是一種常見的前端技巧，其主要作用是使表格的標題行（表頭）在滾動表格的時候固定不動，從而方便用戶查看數(shù)據(jù)。

table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
th {
background-color: #f2f2f2;
position: sticky;
top: 0;
z-index: 999;
padding: 10px;
}

以上代碼是實現(xiàn)CSS表格表頭固定不動的基本 CSS 樣式代碼。具體來說，我們需要給表格和表格中的表頭單元格分別設(shè)置一些樣式。

首先，我們需要讓表格的寬度 100%，并設(shè)置其 border-collapse 屬性為 collapse，這樣表格的邊框線就不會重疊。同時，我們還需要設(shè)置表格的表格布局為 fixed，即固定布局，這樣在滾動表格的時候單元格的高度和寬度就不會隨著內(nèi)容的變化而發(fā)生改變。

其次，我們需要對表格的表頭單元格（th元素）進行特殊處理。我們需要將其 background-color 屬性設(shè)為我們所需要的背景顏色，這里設(shè)置為 #f2f2f2。然后，我們還需要設(shè)置其 position 為 sticky，即粘性定位，這樣當(dāng)用戶滾動表格時，表頭單元格就會固定在表格上方不動。我們還需要設(shè)置其 top 為 0，這樣表頭單元格就會固定在表格的頂部。最后，我們需要將其 z-index 屬性設(shè)為一個比較大的值（這里設(shè)為 999），這樣可以確保表頭單元格不會被其它元素覆蓋。