現在的網頁越來越復雜，而其中一個常見的需求就是分頁。在網頁中，如果一次展示所有的內容，除非內容非常少，否則會使用戶感到混亂和壓抑。為了更好地展示網頁內容，我們需要使用HTML和CSS來實現分頁。

<div class="pagination">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
</div>

在HTML中，我們使用<div>標簽來容納分頁部分的內容。其中，每一個分頁按鈕均使用<a>標簽實現。我們可以為每一個分頁按鈕添加一個 href 屬性，指定用戶點擊時跳轉到的頁面。例如，在上面的代碼中，每一個分頁按鈕都鏈接到#，如果需要跳轉到具體頁面需要替換#為對應的URL地址。

接下來，我們使用CSS來為分頁按鈕進行樣式設置：

.pagination {
display: flex;
justify-content: center;
}
.pagination a {
display: inline-block;
padding: 8px 16px;
margin: 0 8px;
border: 1px solid #ccc;
border-radius: 4px;
text-decoration: none;
color: #333;
}
.pagination a:hover {
background-color: #ddd;
}
.pagination .active {
background-color: #4CAF50;
color: white;
}

首先，我們使用display屬性將.pagination元素的布局設置為flex格式，這樣可以更好地居中排列每一個分頁按鈕。然后，我們為每一個分頁按鈕添加樣式設置，包括內邊距、邊框、圓角、文字顏色等等。同時，我們為:hover狀態下的a元素添加懸停樣式，以及為.active狀態下的a元素設置選中時的樣式。

在進行HTML和CSS的設置之后，我們就成功地實現了網頁分頁功能。用戶可以點擊分頁按鈕瀏覽每一頁的內容，并可以清晰地了解哪一頁處于選中狀態。