W3.CSS Paginations
如果你有一個網站，有很多的網頁，你不妨某種分頁添加到每個頁面：
基本分頁
要創建一個基本的分頁，在W3-分頁類添加到<ul>元素：
例
<ul class="w3-pagination">
<li><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> 試一試» 分頁箭頭
使用HTML實體或圖標，從圖標庫中添加分頁箭頭：
例
<ul class="w3-pagination">
<li><a href="#">«</a></li>
<li><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>
<li><a href="#">»</a></li>
</ul> 試一試» 主動/電流鏈接
使用w3- 色彩的一個類來表示用戶所在的網頁：
例
<ul class="w3-pagination">
<li><a href="#">«</a></li>
<li><a
class="w3-green" 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>
<li><a href="#">»</a></li>
</ul> 試一試» 懸停顏色
默認情況下，當您通過分頁鏈接移動鼠標，他們得到一個灰色的背景色。 使用任何W3-hover- 色類的改變懸停顏色：
例
<ul class="w3-pagination">
<li><a href="#"
class="w3-hover-purple">«</a></li>
<li><a href="#"
class="w3-hover-green">1</a></li>
<li><a href="#"
class="w3-hover-red">2</a></li>
<li><a href="#"
class="w3-hover-blue">3</a></li>
<li><a href="#"
class="w3-hover-black">4</a></li>
<li><a href="#"
class="w3-hover-orange">»</a></li>
</ul> 試一試» 漿紗分頁
使用W3-微小 ，W3小 ，W3-大 ，W3-XLARGE，W3-xxlarge或W3-xxxlarge大小分頁：
界定分頁
添加W3邊界類來創建帶邊框的分頁：
邊框圓角
旁邊的添加W3-邊境圓角邊框W3輪類：
分頁中心
要居中分頁，緊裹<div>元素與類=“W3中心”圍繞<ul>：
其他的例子分頁
下一首/上例
<ul class="w3-pagination w3-border w3-round">
<li><a href="#">❮
Previous</a></li>
<li><a href="#">Next
❯</a></li>
</ul> 試一試» 菜單示例
<ul class="w3-pagination w3-border">
<li><a href="#"
class="w3-light-grey">Home</a></li>
<li><a href="#">Link
1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link
3</a></li>
</ul> 試一試»