分页页数状态
<ul class="pagination">
<li> <a href="#"> « </a> <li>
<li class="active"> <a href="#"> 1 </a> </li>
<li> <a href="#"> 2 </a> </li>
<li class="disabled"> <a href="#"> 3 </a> </li>
<li> <a href="#"> 4 </a> </li>
<li> <a href="#"> 5 </a> </li>
<li> <a href="#"> » </a> <li>
</ul>
翻页按钮
<ul class="pager">
<li class="previous"> <a href="#" > 首页 </a> </li>
<li class="previous"> <a href="#" > 上一页 </a> </li>
<li class="next"> <a href="#" > 尾页 </a> </li>
<li class="next"> <a href="#" > 下一页 </a> </li>
</ul>
![这里写图片描述](https://img-blog.csdn.net/20170103155357438?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZ3VkZHFz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)