隨著Web應用的普及，分頁功能也被越來越多的網站所使用。在開發中，我們往往會使用JavaScript和CSS來實現分頁樣式。如下是一個簡單的分頁代碼示例：

<div id="pagination">
<ul>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>

上述代碼中使用了一個div來包裹分頁的ul列表，其中li.active用于標識當前頁。接下來，我們使用CSS來美化分頁樣式：

#pagination ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
#pagination li {
float: left;
margin: 0 5px;
}
#pagination li a {
display: block;
padding: 5px 10px;
background-color: #f0f0f0;
border-radius: 3px;
color: #333;
text-decoration: none;
}
#pagination li.active a {
background-color: #333;
color: #fff;
}

上述CSS代碼定義了分頁元素的樣式，如去除列表項的默認樣式、調整每個列表項之間的間距等。同時，我們還設置了一個.active類來標識當前頁的樣式。

在實際使用中，我們還可以通過JavaScript動態生成分頁元素、綁定點擊事件、跳轉頁面等操作。這些功能可以使用一些優秀的分頁插件來實現，如Jquery Pagination、Bootstrap Pagination等。