/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #f69e00 solid 1px}
.pager ul .active a {border: #f69e00 solid 1px; display: inline-block; background-color: #f69e00; color: #fff;}
分页完整代码,拿来即用
CSS样式
最终效果