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>

樣式效果：