thinkphp 分页样式

最新推荐文章于 2021-06-28 17:50:17 发布

原创最新推荐文章于 2021-06-28 17:50:17 发布 · 439 阅读

0 ·

CC 4.0 BY-SA版权

♬ ➸ ➳ ➻ ➛ ☞Thinkphp 专栏收录该内容

3 篇文章

订阅专栏

thinkphp5分页样式,tp5.1页样式

<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>

效果：

或 tp5 分页样式

ul.pagination {display: inline-block;padding: 0;margin: 0;}
.pagination a{text-decoration: none;margin-right: 0px!important; }
ul.pagination li {display: inline;}
.disabled ,.pagination  .active, .pagination li a {color: black; float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd; margin: 0 4px;}
.pagination .active{background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}  
.disabled{background-color: rgba(236, 236, 236, 0.78);}
ul.pagination  a.active {background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}

或者可以引用