当前位置: 首页 >> 织梦
 
 

DedeCMS列表页专用分页样式CSS代码

来源:     时间:2018-11-05     浏览:  

留几个织梦默认分页代码的样式表css,记录一下。


样式一:

分页代码



  • {dede:pagelist listsize='5' listitem='index,end,pre,next,pageno'/}



分页样式

.mainPage{ margin:20px 0;}

.mainPage ul{width: 680px;height: 32px;display:block; margin:0 auto;}

.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;}

.mainPage ul li a{color:#000;font-size:16px; }

.mainPage ul li.thisclass{background:#09f;border:1px solid ##218EC1;color:#fff; font-size:16px;}

.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {
    color: hsl(209, 93%, 48%);
    text-decoration: none;
}

样式二:

模板中的分页部分源码:


css代码如下:

.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;} .pagination {display: inline-block;*display: inline;*zoom: 1;font-size:12px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination li{list-style: none;display: inline;float: left;line-height: 1em;text-decoration: none;border: 1px solid #ddd;border-left-width: 0;} .pagination li a {display: inline-block;padding: .5em .8em;background-color: #f9f9f9;color: #999;} .pagination li a:link{background:#fff;color: #4C78A5;} .pagination li a:hover{text-decoration:none;} .pagination li a:link:hover {color: #000;} .pagination li.thisclass {background-color: #f9f9f9;color:#999;} .pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} .pagination li:last-child{border-radius: 0 3px 3px 0;} .pagination .pageinfo{color: #444;}


DedeCMS列表页专用分页样式CSS代码


样式三:


css代码如下:

.pagination-wrapper{margin: 20px 0;} .pagination{height: 34px;text-align: center;} .pagination li {display: inline-block;height: 34px;margin-right: 5px;} .pagination li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} .pagination li a:hover{background:#f5f5f5;color:#0099ff;} .pagination li.thisclass {background: #09f;color: #fff;} .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}

DedeCMS列表页专用分页样式CSS代码

 
  • 联系我们

  • 邮箱:794421925@qq.com
  • 电话:13832367531
  • Q Q:794421925 点击交谈
  • 地址:石家庄市桥西区芳馨家园六号楼底商
  • 淘宝店铺金翼网络淘宝店铺

Copyright © 2008-2020 石家庄捷搜网络科技有限公司 版权所有 备案号:冀ICP备16025780号-1