适合自己的 ● 才是最好的 新闻动态，洞悉互联网前沿资讯，探寻网站营销规律
小程序开发 软文推广 网站制作 SEO优化 网络推广 公司动态 商业资讯 关于我们

公众号运营 百家号运营 干货分享 站长新闻 科技资讯 解决方案 网站建设 网站优化
当前位置：网站首页 >> 网站制作
pbootcms制作个性分页条之单页/总页数效果
日期：2021-10-30 14:39:44 来源：合肥良马网络科技有限公司 官网：https://www.hflmwl.com/ 阅读：1200次

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

推荐文章

相关文章