CSS分頁是一種常見的網頁分頁效果，可以讓用戶分批次瀏覽內容。下面是一個簡單的CSS分頁實例。

/* CSS 樣式 */
.pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.pagination li {
list-style: none;
margin: 0 5px;
}
.pagination li a {
display: block;
padding: 5px 10px;
border: 1px solid #ccc;
}
.pagination li.active a {
background-color: #ccc;
}
/* HTML 代碼 */
1
2
3
4
5

上面的代碼首先定義了一個pagination類，使用flex布局使得分頁居中對齊，并且設置了一些間距。在pagination類下定義li樣式，去掉默認列表樣式，并且設置了一些間距。在li內部定義a樣式，將a元素設置成塊狀元素，設置padding和邊框樣式。最后定義了.active樣式來表示當前選中的頁碼，將背景顏色設置成#ccc。

在HTML代碼中，我們使用一個ul元素來表示分頁。li元素表示每一個頁碼，a元素則是頁碼的可點擊區域。在li元素中使用.active樣式來表示當前選中的頁碼。

這個分頁效果雖然簡單，但使用起來很方便，可以在需要分頁顯示內容的頁面直接引入CSS即可。當用戶點擊不同的頁碼時，只需要修改.active樣式即可改變選中頁碼的樣式。