thinkphp5分页CSS样式代码

最新推荐文章于 2021-04-15 17:06:27 发布

原创最新推荐文章于 2021-04-15 17:06:27 发布 · 480 阅读

0 ·

CC 4.0 BY-SA版权

PHP 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种适用于ThinkPHP5框架的分页样式代码实现，通过内联CSS提供了美观且易于定制的分页组件，包括活动状态、禁用状态及链接样式的详细设置。

在需要分页的页面放入以下代码即可：

<style type="text/css">
/*
 * thinkphp5分页样式
 * by:时间博客
 */
.pagination{padding:10px 0; text-align:center;}  
.pagination li{border-radius:3px; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;}  
.pagination .active{background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}  
.pagination .disabled{color:#aaa;}
.pagination a{ border-radius:3px;display:inline-block; padding:5px 12px;}
.pagination span{border-radius:3px;display:inline-block;padding:5px 12px;}
</style>