好看的织梦列表页分页样式

织梦列表页分页样式,平常DEDECMS仿站 分页会样式错乱,用以下样式就不会错了。

好看的织梦列表页分页样式插图<div class=”pglist”><ul> {dede:pagelist listitem=”info,index,end,pre,next,pageno” listsize=”5″/}</ul></div> </div>

/*GXSEC.COM 网列表分页样式*/
.pglist {
clear: both;
margin: 40px auto 20px auto;
overflow: hidden;
text-align: center;
font-size: 14px;
}
.pglist ul li {
display: inline-block;
border: 1px solid #ccc;
padding: 6px 15px;
margin: 0 1px;
line-height: 24px;
background: #fff;
color: #999;
border-radius: 2px
}
.pglist ul li:hover {
background: #dc0000;
color: #fff;
border: 1px solid #dc0000
}
.pglist ul li:hover a {
color: #fff;
}
.pglist ul li.thisclass {
display: inline-block;
border: 1px solid #dc0000;
padding: 6px 15px;
margin: 0 1px;
background: #dc0000;
color: #fff;
}
.pglist ul li.thisclass a {
color: #fff;
}
.pglist ul li a {
display: block;
color: #999
}
.pglist ul li a:hover {
color: #fff;
}
/*文章页分页*/

.pagebreak {
line-height: 20px;
float: left;
padding: 5px 5px 5px 200px;
color: #333;
font-size: 12px;
width: 500px;
}
.pagebreak li {
float: left;
margin: 0 3px;
}
.pagebreak li a {
padding: 2px 5px;
border: #eee 1px solid;
color: #036cb4;
text-decoration: none
}
.pagebreak li a:hover {
border: #999 1px solid;
color: #666;
}
.pagebreak li a:active {
border: #999 1px solid;
color: #666;
}
.pagebreak li.thisclass {
background-color: #036cb4;
font-weight: bold;
color: #FFF;
}
.pagebreak li.thisclass a {
color: #FFF
}

发表评论