CSS和JS分頁是網站中常見的分頁方式之一，它可以讓用戶分頁瀏覽網站或者數據，使得網站或者數據的管理更加簡單，而CSS和JS分頁的實現也非常簡單。在本文中，我們將會介紹如何實現CSS和JS分頁。

//CSS分頁
.pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.pagination ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.pagination li {
margin: 0 5px;
}
.pagination a {
display: block;
padding: 5px 10px;
background-color: #f7f7f7;
color: #000;
text-decoration: none;
border-radius: 5px;
}
.pagination .active a,
.pagination a:hover {
background-color: #666;
color: #fff;
}

上述代碼實現了分頁的樣式，其中pagination為分頁容器，ul為分頁的列表，li為分頁的每個項，a為分頁項的超鏈接，active為當前選中項的樣式。

//JS分頁
var currentPage = 1; //當前頁
function getPageData() {
//獲取數據
}
function renderPage(index) {
//渲染頁面
currentPage = index;
}
function initPage() {
//初始化
getPageData();
renderPage(currentPage);
}
document.addEventListener('click', function (event) {
if (event.target.className === 'page-item') {
var index = parseInt(event.target.getAttribute('data-index'), 10);
renderPage(index);
}
});

上述代碼實現了JS分頁，其中getPageData()為獲取數據函數，renderPage()為渲染頁面函數，initPage()為初始化函數，currentPage為當前頁數，event監聽當前選中項的點擊事件，并將點擊的頁數作為參數傳遞給 renderPage() 函數。

綜上所述，CSS和JS分頁的實現十分簡單，它可以讓用戶分頁瀏覽網站或者數據，以及管理網站或者數據更加簡單。