CSS表格是Web開發中經常用到的元素之一，它能夠將數據以清晰的表格形式展現給用戶。然而有時候當表格內容過多，頁面需要滾動時，表頭也會隨之滾動，使用戶迷失方向。今天我們來介紹一種方法，即通過CSS樣式將表格第一行固定在頂部，不隨滾動條滾動。

table{
width: 100%;
border-collapse: collapse;
overflow: auto;
}
thead{
position: sticky;
top: 0;
}
th, td{
padding: 10px;
border: 1px solid black;
}

以上是樣式代碼。首先，我們需要將表格的width設置為100%，使其適應屏幕大小。接著，使用border-collapse將表格邊框合并。之后，使用overflow:auto屬性來使表格滾動。

然后，我們需要將表頭(thead)固定在頂部。使用position:sticky來將其固定。sticky會使元素在其父元素中保持靜態的位置，直到它的容器滾動到目標范圍。使其top:0以保證懸浮在頂部。如果要固定不同行，也可以使用position:sticky屬性，將屬性值改為相應的位置即可。

最后，我們還需要為表格中的單元格設置padding和邊框等樣式，通過上述樣式代碼可實現固定第一行的效果。