在網頁設計中，表格也是非常重要的元素之一。但是當表格過長時，它就會占據大量的頁面空間，從而影響用戶的瀏覽體驗。為了解決這個問題，我們可以使用CSS中的一種方法，即將表格置頂。 要實現這個效果，我們可以通過設置表頭的CSS屬性position為fixed，從而使表頭固定在頁面的頂部。同時，我們還需要設置表格主體部分的CSS屬性margin-top為表頭的高度，以便使表格內容不被表頭覆蓋。 下面是一個實現置頂表格的CSS代碼示例：

table {
/* 設置表格整體的外邊距和內邊距 */
margin: 0;
padding: 0;
/* 設置表格的邊框樣式和間距 */
border-collapse: collapse;
border-spacing: 0;
}
thead {
/* 將表頭設置為固定定位 */
position: fixed;
top: 0;
/* 設置表頭的寬度和背景顏色 */
width: 100%;
background-color: #fff;
}
tbody {
/* 設置表格主體部分的外邊距 */
margin-top: 100px; /* 這里的值需要根據表頭的高度來設置 */
}
td, th {
/* 設置表格單元格的邊框樣式、內邊距和對齊方式 */
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}

需要注意的是，如果表格中的內容過長，用戶仍然需要進行上下滾動來查看完整的表格內容。同時，當表格的尺寸發生變化時，我們還需要通過JavaScript來動態計算表頭的高度，并將其值賦予表格主體部分的CSS屬性margin-top。