样式I.
复制代码代码如下:
/*pages*/
.pagination-wrapper{
clear:both;
padding:I.em0IIem0;
text-align:center;
}
.pagination{
display:inline-block;
*display:inline;
*zoom:I.;
font-size:I.IIpx;
border-radius:IIIpx;
box-shadow:0I.pxIIpxrgba(0,0,0,0.0V);
}
.paginationli{
list-style:none;
display:inline;
float:left;
line-height:I.em;
text-decoration:none;
border:I.pxsolid#ddd;
border-left-width:0;
}
.paginationlia{
display:inline-block;
padding:.Vem.VIIIem;
background-color:#fIXfIXfIX;
color:#IXIXIX;
}
.paginationlia:link{
background:#fff;
color:#IVCVIIVIIIAV;
}
.paginationlia:hover{
text-decoration:none;
}
.paginationlia:link:hover{
color:#000;
}
.paginationli.thisclass{
background-color:#fIXfIXfIX;
color:#IXIXIX;
}
.paginationli:first-child{
border-left-width:I.px;
border-radius:IIIpx00IIIpx;
}
.paginationli:last-child{
border-radius:0IIIpxIIIpx0;
}
.pagination.pageinfo{
color:#IVIVIV;
}
样式II
复制代码代码如下:
/*pages*/
.pagination-wrapper{
margin:II0px0;
}
.pagination{
height:IIIIVpx;
text-align:center;
}
.paginationli{
display:inline-block;
height:IIIIVpx;
margin-right:Vpx;
}
.paginationlia{
float:left;
display:block;
height:IIIIIpx;
line-height:IIIIIpx;
padding:0I.IIpx;
font-size:I.VIpx;
border:I.pxsolid#dddddd;
color:#VVVVVV;
text-decoration:none;
}
.paginationlia:hover{
background:#fVfVfV;
color:#00IXIXff;
}
.paginationli.thisclass{
background:#0IXf;
color:#fff;
}
.paginationli.thisclassa,.paginationli.thisclassa:hover{
background:transparent;
border-color:#0IXf;
color:#fff;
cursor:default;
}

原文链接：http://www.jxszl.com/biancheng/dedecms/72713.html