澳门新莆京(中国)有限公司

适合自己的 ● 才是最好的 资讯动态,洞悉互联网前沿资讯,探寻网站营销规律
当前位置:澳门新莆京 >> 网站制作
pbootcms制作个性分页条之单页/总页数效果
日期:2021-10-30 14:39:44 来源:合肥良马网络科技有限企业 官网:/ 阅读:503次

pbootcms制作个性分页条之单页/总页数效果


第一步:PbootCMS 单页/总页数 分页条效果
显示上一页,下一页,首页,尾页,和当前页,以及当前页位于总页数的位置
第二步:CSS样式代码
美化后的分页条效果
01 /* ----- 通用PB分页条 ----- */
02 .pagebar .pagination {
03 display: flex;
04 justify-content: center;
05 margin-top: 10px;
06 }
07 .pagination a {
08 background: #fff;
09 border: 1px solid #ccc;
10 color: #333;
11 font-size: 14px;
12 padding: 6px 8px;
13 margin: 0 2px;
14 border-radius: 3px;
15 }
16 .pagination a:hover {
17 color: #4fc08d;
18 border: 1px solid #4fc08d;
19 }
20 .pagination a.page-num-current {
21 color: #fff;
22 background: #4fc08d;
23 border: 1px solid #4fc08d;
24 }




本文标题:pbootcms制作个性分页条之单页/总页数效果
本文网址:/news/1477.html
原创编辑:合肥良马网络科技有限企业 版权所有,转载请注明出处,并以链接形式注明。
声明:本页内容由合肥良马网络科技有限企业通过网络收集编辑和原创所得,所有资料仅供用户参考;本站不拥有所有权,也不承认相关法律责任。如您认为本网页中有涉嫌抄写的内容,请及时与大家联系进行举报,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立即删除涉嫌侵权内容。如果您对SEO优化核心技术文章感兴趣,请点击查看网络推广网站制作的相关文章,请关注澳门新莆京(中国)有限公司官网(www.hflmwl.com)

澳门新莆京|澳门新莆京

XML 地图 | Sitemap 地图