隨著Web應(yīng)用的普及，分頁(yè)功能也被越來(lái)越多的網(wǎng)站所使用。在開(kāi)發(fā)中，我們往往會(huì)使用JavaScript和CSS來(lái)實(shí)現(xiàn)分頁(yè)樣式。如下是一個(gè)簡(jiǎn)單的分頁(yè)代碼示例：

<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>

上述代碼中使用了一個(gè)div來(lái)包裹分頁(yè)的ul列表，其中l(wèi)i.active用于標(biāo)識(shí)當(dāng)前頁(yè)。接下來(lái)，我們使用CSS來(lái)美化分頁(yè)樣式：

#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代碼定義了分頁(yè)元素的樣式，如去除列表項(xiàng)的默認(rèn)樣式、調(diào)整每個(gè)列表項(xiàng)之間的間距等。同時(shí)，我們還設(shè)置了一個(gè).active類(lèi)來(lái)標(biāo)識(shí)當(dāng)前頁(yè)的樣式。

在實(shí)際使用中，我們還可以通過(guò)JavaScript動(dòng)態(tài)生成分頁(yè)元素、綁定點(diǎn)擊事件、跳轉(zhuǎn)頁(yè)面等操作。這些功能可以使用一些優(yōu)秀的分頁(yè)插件來(lái)實(shí)現(xiàn)，如Jquery Pagination、Bootstrap Pagination等。