CSS表格是Web頁面中常見的元素之一。但是，當(dāng)表格內(nèi)容過多時，會導(dǎo)致表格變得過大，無法容納在頁面中。為了解決這個問題，可以通過在表格中加入滾動條來使表格內(nèi)容更易查看。接下來我們將會介紹如何通過CSS代碼來實現(xiàn)。

table {
width: 100%;
border-collapse: collapse;
overflow: auto;  /* 將表格設(shè)為自動滾動 */
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
thead {
background-color: #f2f2f2;
}

該CSS代碼塊首先將表格設(shè)置為100%寬度，并且使用border-collapse屬性來去除表格中連續(xù)單元格之間的邊框，從而讓表格整潔美觀。值得注意的是，CSS 屬性overflow被設(shè)置為auto，這會指示該表格自動添加滾動條，當(dāng)頁面中的表格超出了預(yù)期高度時，滾動條將出現(xiàn)并幫助用戶在表格中瀏覽。

下面的CSS代碼塊會在表格頭部和內(nèi)部單元格之間添加分割線，并且將表格頭設(shè)為淺灰色（background-color: #f2f2f2;）。

th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;  /* 在每行單元格下面添加分割線 */
}
thead {
background-color: #f2f2f2;     /* 將表格頭設(shè)為淺灰色 */
}

通過以上 CSS 代碼，我們可以為表格添加滾動條，并且使表格更加美觀易讀。