在網頁設計中，分頁是一項非常重要的功能。無論是新聞列表、商品展示還是搜索結果，分頁都能幫助用戶更好地瀏覽內容，提供更好的用戶體驗。

實現分頁也非常簡單，只需要利用 HTML 和 CSS 就能實現。下面我們就來介紹一下分頁的實現。

HTML 代碼：
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">下一頁</a></li>
</ul>
CSS 代碼：
.pagination{
display: block;
text-align: center;
margin-top: 20px;
}
.pagination li{
display: inline-block;
margin-right: 10px;
}
.pagination li a{
display: block;
padding: 5px 10px;
border: 1px solid #aaa;
border-radius: 3px;
}
.pagination li.active a{
border: 1px solid #333;
color: #fff;
background-color: #333;
}

在上面的代碼中，我們使用了ul和li元素來實現分頁效果。其中，class="pagination"是用來對分頁進行樣式控制的。

接下來是 CSS 代碼，我們使用了display: inline-block來讓分頁按鈕水平排列，使用margin-right來設置分頁按鈕之間的間距。分頁的按鈕樣式包括邊框、圓角和內邊距。當鼠標懸停或者選中時，分別改變了按鈕的邊框和背景顏色。

以上就是使用 HTML 和 CSS 實現分頁功能的全部代碼，簡單實用，同時又能滿足各種要求的分頁樣式。