CSS中分頁通常使用偽元素::before和::after來實現。具體步驟如下：

/* 設置分頁樣式 */
.pagination::before, .pagination::after{
content: '';
display: table;
}
.pagination::after{
clear: both;
}
/* 設置分頁項樣式 */
.pagination li{
float: left;
margin: 0 5px;
}
.pagination li a{
display: block;
padding: 5px 10px;
border: 1px solid #ccc;
text-decoration: none;
color: #333;
}
.pagination li.active a{
background-color: #ccc;
color: #fff;
}

使用以上樣式可以設置分頁項的樣式，但還需要在HTML中添加分頁項目，示例如下：

<div class="pagination">
<ul>
<li class="active"><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>
</ul>
</div>

其中，<li class="active"><a>表示當前選中的分頁項，可以通過設置.active類來實現選中效果。當然，分頁項的數量和鏈接地址需要根據實際情況進行設置。