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>

样式效果:

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

本作品采用《CC 协议》,转载必须注明作者和本文链接
讨论数量: 4

贴个样式图片就更好了!

4年前 评论

用了,好用 和效果图上的一样

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!