分享两个DEDECMS分页样式css代码_dedecms_CMS教程_脚本之家

模板中的分页部分页部分源码: f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)

复制代码
代码如下:
f3x迪尔课堂自学网-|第二课堂|--(官网)
<div class="pagination-wrapper"> f3x迪尔课堂自学网-|第二课堂|--(官网)
<div class="pagination"> f3x迪尔课堂自学网-|第二课堂|--(官网)
{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/} f3x迪尔课堂自学网-|第二课堂|--(官网)
</div> f3x迪尔课堂自学网-|第二课堂|--(官网)
</div> f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
样式一f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)

复制代码
代码如下:
f3x迪尔课堂自学网-|第二课堂|--(官网)
/*pages*/f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination-wrapper {f3x迪尔课堂自学网-|第二课堂|--(官网)
clear:both;f3x迪尔课堂自学网-|第二课堂|--(官网)
padding:1em 0 2em 0;f3x迪尔课堂自学网-|第二课堂|--(官网)
text-align:center;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination {f3x迪尔课堂自学网-|第二课堂|--(官网)
display: inline-block;f3x迪尔课堂自学网-|第二课堂|--(官网)
*display: inline;f3x迪尔课堂自学网-|第二课堂|--(官网)
*zoom: 1;f3x迪尔课堂自学网-|第二课堂|--(官网)
font-size:12px;f3x迪尔课堂自学网-|第二课堂|--(官网)
border-radius: 3px;f3x迪尔课堂自学网-|第二课堂|--(官网)
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li{f3x迪尔课堂自学网-|第二课堂|--(官网)
list-style: none;f3x迪尔课堂自学网-|第二课堂|--(官网)
display: inline;f3x迪尔课堂自学网-|第二课堂|--(官网)
float: left;f3x迪尔课堂自学网-|第二课堂|--(官网)
line-height: 1em;f3x迪尔课堂自学网-|第二课堂|--(官网)
text-decoration: none;f3x迪尔课堂自学网-|第二课堂|--(官网)
border: 1px solid #ddd;f3x迪尔课堂自学网-|第二课堂|--(官网)
border-left-width: 0;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li a {f3x迪尔课堂自学网-|第二课堂|--(官网)
display: inline-block;f3x迪尔课堂自学网-|第二课堂|--(官网)
padding: .5em .8em;f3x迪尔课堂自学网-|第二课堂|--(官网)
background-color: #f9f9f9;f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #999;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li a:link{f3x迪尔课堂自学网-|第二课堂|--(官网)
background:#fff;f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #4C78A5;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li a:hover{f3x迪尔课堂自学网-|第二课堂|--(官网)
text-decoration:none;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li a:link:hover {f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #000;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li.thisclass {f3x迪尔课堂自学网-|第二课堂|--(官网)
background-color: #f9f9f9;f3x迪尔课堂自学网-|第二课堂|--(官网)
color:#999;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li:first-child {f3x迪尔课堂自学网-|第二课堂|--(官网)
border-left-width: 1px;f3x迪尔课堂自学网-|第二课堂|--(官网)
border-radius: 3px 0 0 3px;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li:last-child{f3x迪尔课堂自学网-|第二课堂|--(官网)
border-radius: 0 3px 3px 0;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination .pageinfo{f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #444;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
样式二 f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)
f3x迪尔课堂自学网-|第二课堂|--(官网)

复制代码
代码如下:
f3x迪尔课堂自学网-|第二课堂|--(官网)
/*pages*/f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination-wrapper{f3x迪尔课堂自学网-|第二课堂|--(官网)
margin: 20px 0;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination{f3x迪尔课堂自学网-|第二课堂|--(官网)
height: 34px;f3x迪尔课堂自学网-|第二课堂|--(官网)
text-align: center;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li {f3x迪尔课堂自学网-|第二课堂|--(官网)
display: inline-block;f3x迪尔课堂自学网-|第二课堂|--(官网)
height: 34px;f3x迪尔课堂自学网-|第二课堂|--(官网)
margin-right: 5px;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li a{f3x迪尔课堂自学网-|第二课堂|--(官网)
float: left;f3x迪尔课堂自学网-|第二课堂|--(官网)
display: block;f3x迪尔课堂自学网-|第二课堂|--(官网)
height: 32px;f3x迪尔课堂自学网-|第二课堂|--(官网)
line-height: 32px;f3x迪尔课堂自学网-|第二课堂|--(官网)
padding: 0 12px;f3x迪尔课堂自学网-|第二课堂|--(官网)
font-size: 16px;f3x迪尔课堂自学网-|第二课堂|--(官网)
border: 1px solid #dddddd;f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #555555;f3x迪尔课堂自学网-|第二课堂|--(官网)
text-decoration: none;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li a:hover{f3x迪尔课堂自学网-|第二课堂|--(官网)
background:#f5f5f5;f3x迪尔课堂自学网-|第二课堂|--(官网)
color:#0099ff;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li.thisclass {f3x迪尔课堂自学网-|第二课堂|--(官网)
background: #09f;f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #fff;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)
.pagination li.thisclass a,.pagination li.thisclass a:hover{f3x迪尔课堂自学网-|第二课堂|--(官网)
background: transparent;f3x迪尔课堂自学网-|第二课堂|--(官网)
border-color: #09f;f3x迪尔课堂自学网-|第二课堂|--(官网)
color: #fff;f3x迪尔课堂自学网-|第二课堂|--(官网)
cursor: default;f3x迪尔课堂自学网-|第二课堂|--(官网)
}f3x迪尔课堂自学网-|第二课堂|--(官网)

扫一扫手机访问