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> 试一试»