在前端開發中，我們經常需要使用分頁來展示大量數據。而同時，我們也需要讓用戶能夠選中或者高亮每一頁的頁碼。在這篇文章中，我們就來分享一下如何使用CSS完成分頁選中效果。

.page {
display: inline-block;
padding: 5px 10px;
border: 1px solid #ccc;
margin-right: 5px;
cursor: pointer;
}
.selected {
background-color: #007fff;
color: #fff;
}

首先，我們需要設置每一頁的樣式。我們使用.page類來表示每一頁，其中我們設置了內邊距以及邊框，讓每一頁有一定的空白，同時也方便用戶識別。我們也設置了光標為手型，方便用戶點擊。

而在分頁選中效果中，我們需要使用.selected類來表示選中狀態。當某一頁被選中時，我們將其背景色改為藍色，字體顏色改為白色，讓用戶能夠更加清晰地知道當前選中的頁碼。

<div class="pagination">
<span class="page selected">1</span>
<span class="page">2</span>
<span class="page">3</span>
<span class="page">4</span>
<span class="page">5</span>
</div>

最后，我們需要在HTML代碼中使用這些類。我們使用div來創建一個分頁器，其中我們放置了5個span元素，分別表示前5頁。其中，我們在第一個span元素上添加了selected類，使得它一開始就被選中。

這里，我們只是簡單地演示了分頁選中效果的實現，實際情況中，我們可能需要根據具體的業務場景來調整樣式和結構。但是使用這種方式，我們可以快速地完成分頁選中效果的開發。