CSS分页样式代码块

/*分页*/
.m-page {
margin: 20px 0 0;
text-align: center;
line-height: 32px;
font-size: 0;
letter-spacing: -0.307em;
word-wrap: normal;
white-space: nowrap;
color: #999;
}
.m-page a, .m-page i, .m-page span {
display: inline-block;
vertical-align: top;
padding: 0 12px;
margin-left: -1px;
border: 1px solid #ddd;
font-size: 12px;
letter-spacing: normal;
text-shadow: 0 1px #fff;
background: #fff;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.m-page a, .m-page a:hover {
text-decoration: none;
color: #d98e35;
}
.m-page a:first-child {
margin-left: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.m-page a:last-child {
margin-right: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.m-page a.pageprv:before, .m-page a.pagenxt:after {
font-weight: bold;
font-family: \5b8b\4f53;
vertical-align: top;
}
.m-page a.pageprv:before {
margin-right: 3px;
content: ‘\3C’;
}
.m-page a.pagenxt:after {
margin-left: 3px;
content: ‘\3E’;
}
.m-page a:hover {
background: #f5f5f5;
}
.m-page a:active {
background: #f0f0f0;
}
.m-page a.z-crt, .m-page a.z-crt:hover, .m-page a.z-crt:active {
cursor: default;
color: #999;
background: #f5f5f5;
}
.m-page a.z-dis, .m-page a.z-dis:hover, .m-page a.z-dis:active {
cursor: default;
color: #ccc;
background: #fff;
}
.m-page-sr a, .m-page-sr i, .m-page-sr span {
margin: 0 3px;
border-radius: 5px;
}
.m-page-sr i {
border: 0;
}
.m-page-sr span {
border-radius: 5px;
}
.m-page-sr a:first-child, .m-page-sr a:last-child {
border-radius: 5px;
}