在網站開發中，常常需要翻頁功能。而對于一些特殊需求，我們可能會需要一些動態翻頁的效果，這時候可以使用 CSS 來實現。

.pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.pagination li {
list-style: none;
}
.pagination a {
color: #555;
font-size: 18px;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
}
.pagination a.active {
background-color: #555;
color: #fff;
}
.pagination a:hover {
background-color: #ddd;
}
.pagination button {
font-size: 18px;
padding: 5px 10px;
border: none;
background-color: transparent;
cursor: pointer;
}
.pagination button.active {
border-bottom: 2px solid #555;
}

上面的 CSS 代碼實現了一個簡單的動態翻頁效果，通過 Flex 布局使頁碼居中，通過偽元素雙方向偏移增加分隔符的效果，并將當前頁碼和活躍狀態下的選項設為不同樣式。

當然，以上代碼只是簡單示例，我們可以通過 CSS 結合 JavaScript 實現更具有交互性的動態翻頁。相信通過學習這些技巧，大家能夠在開發中更加靈活地運用翻頁效果，提升用戶體驗。