CSS分页符代码

CSS分页符代码

<style type=”text/css“>
.page{padding: 2px;}
.page ul{margin: 0;padding: 0;text-align: left; /*Set to “right” to right align page interface*/font-size: 16px;}
.page li{list-style-type: none;display: inline;padding-bottom: 1px;}
.page a, .page a:visited{padding: 0 5px;border: 1px solid #eaeaea;text-decoration: none; color: #565656;}
.page a:hover, .page a:active{border: 1px solid #299dd9;color:#565656;background-color: lightyellow;}
.page li.curpage{font-weight: bold;padding: 0 5px;border: 1px solid #299dd9;background-color: #299dd9;color: #fff;}
.page li.dispage{padding: 0 5px;border: 1px solid #eaeaea;color: #eaeaea;}
.page li.npage{font-weight: bold;}
* html .page li.curpage, * html .page li.dispage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/margin-right: 5px;padding-right: 0;}
</style>

成品样式:

《CSS分页符代码》

附件链接地址,点击看效果:

演示链接

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注