ThinkPHP 自带的分页——改变样式

第一种方式

<style>

/*分页*/

.pagination {}

.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}

.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}

.pagination li a {display: block;text-align: center;}

</style>
<script>

第二种方式，也是简单的就引入一下Bootstrap 样式

<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

样式效果：

本作品采用《CC 协议》，转载必须注明作者和本文链接