CSS 上下頁分頁，是一種比較簡單實用的分頁方式。通常用于需要在頁面中分頁展示內容的場合，比如博客文章列表、新聞列表等。

首先，我們需要用到 CSS3 中的偽類選擇器。使用如下代碼可以選擇第一頁：

.page:first-child {
// 樣式
}

同理，使用如下代碼可以選擇最后一頁：

.page:last-child {
// 樣式
}

接下來，我們需要通過 CSS 設置上一頁和下一頁的樣式。使用如下代碼可以設置上一頁的樣式：

.prev-page {
float: left;
margin-right: 10px;
}

使用如下代碼可以設置下一頁的樣式：

.next-page {
float: right;
margin-left: 10px;
}

當然，還需要為當前頁和其他頁設置不同的樣式。可以使用如下代碼為當前頁設置樣式：

.current-page {
background-color: #333;
color: #fff;
}

最后，我們需要通過 JavaScript 實現上下頁的功能。當點擊上一頁或下一頁時，需要讓當前頁的樣式去掉，同時讓上一頁或下一頁的樣式加上。

$(".prev-page").click(function() {
$(".current-page").removeClass("current-page").prev().addClass("current-page");
});
$(".next-page").click(function() {
$(".current-page").removeClass("current-page").next().addClass("current-page");
});

通過以上步驟，我們就可以實現一個簡單的 CSS 上下頁分頁效果了。