CSS div分頁模板是一種將內容分頁顯示的技術，通常使用在網站列表頁面等需要大量內容展示的場景中。使用div進行分頁可以使頁面結構更加清晰，同時也能夠為用戶提供更好的瀏覽體驗。

/* 分頁模板樣式 */
.pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.pagination a {
color: #333;
border: 1px solid #ccc;
padding: 5px 10px;
margin: 0 5px;
}
.pagination a:hover {
background-color: #f5f5f5;
}
.pagination .active {
background-color: #999;
color: #fff;
cursor: default;
}

首先，我們需要創建一個分頁模板的樣式，使得分頁序號可以水平居中顯示。在樣式中，我們創建了一個名為pagination的div，用于放置分頁鏈接。其中，使用flex布局使得分頁鏈接水平居中顯示，同時設置margin-top屬性使得分頁鏈接與上方內容有一定的間距。

然后，我們設置pagination內部的a元素的樣式，用于顯示分頁序號鏈接。其中，設置了文本顏色、邊框、內邊距和margin，使得鏈接的樣式更加統一。

當用戶將鼠標懸停在鏈接上時，我們為鏈接添加了一個hover樣式，使得背景色變更為灰色，提醒用戶該鏈接是可點擊的。

最后，我們使用.active類來突出顯示當前頁碼鏈接，使其背景顏色變更為灰色，字體顏色為白色，并且禁用鼠標點擊事件。

通過這樣的方式，我們可以輕松地創建一個可用于各種網站設計的分頁模板，為用戶帶來更好的瀏覽體驗。