织梦dedecms系统分页样式的调用

织梦dedecms系统分页样式的调用,第1张

概述分页样式虽然很短,但是复用率非常高,早就想过整理下这个东西,一直拖着没弄,今天开个头,以后用起来也方便点。 复制代码 div class=pagination-wrapper div class=pagination{dede:pagelist listsize=5 listitem=info,index,end,pre,next,pageno/}/div/div 分页样式虽然很短,但是复用率非常高,早就想过整理下这个东西,一直拖着没弄,今天开个头,以后用起来也方便点。 

复制代码


样式一 

 


复制代码
/*pages*/.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.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;}

样式二 

 



复制代码
/*pages*/.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系统分页样式的调用全部内容,希望文章能够帮你解决织梦dedecms系统分页样式的调用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1057592.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存