HTML表格是網(wǎng)頁設計中經(jīng)常使用的一種元素，但是當表格中數(shù)據(jù)量較大時，分頁是必不可少的功能。本文將介紹如何使用CSS實現(xiàn)HTML表格的分頁效果。

/*CSS樣式*/
.table-paging {
max-width: 100%;
overflow: scroll;
}
.table-paging table {
border-collapse: collapse;
width: 100%;
}
.table-paging td, .table-paging th {
padding: 12px 15px;
text-align: left;
border: 1px solid #ddd;
}
.table-paging th {
background-color: #f2f2f2;
}
.table-paging .pagination {
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 40px;
}
.table-paging .pagination .page {
background-color: #f2f2f2;
border: 1px solid #ddd;
color: #666;
margin-right: 10px;
padding: 8px 12px;
text-decoration: none;
}
.table-paging .pagination .page.active {
background-color: #3498db;
border-color: #3498db;
color: #fff;
}

以上是我們?yōu)閷崿F(xiàn)HTML表格分頁效果需要使用的CSS樣式。其中，我們定義了一個名為table-paging的class，在其中指定了表格的樣式、分頁的樣式等。

Name
Age
City
John
25
New York
Jane
32
London
Mark
18
Tokyo
Sarah
29
Paris
12345

以上是我們定義HTML表格及分頁的代碼。需要注意的是，在表格下方使用了一個名為pagination的div來容納分頁鏈接。鏈接使用了名為page的class，并且在當前頁加上了名為active的class，以突出表示。我們自然可以使用PHP等程序語言生成這部分代碼，使得分頁效果更加靈活和自動化。

這樣，我們就實現(xiàn)了基于CSS的HTML表格分頁效果。當我們的表格數(shù)據(jù)量較大時，使用分頁功能可以改善用戶體驗，進一步提高網(wǎng)頁的質(zhì)量。希望對讀者有所幫助。