现在的位置: 首页 > 综合 > 正文

css带框的分页样式

2019年11月17日 ⁄ 综合 ⁄ 共 1148字 ⁄ 字号 评论关闭

<html>
<head>
<style>
#nav{text-align:center; width:100%;font-size:12px;}
#nav ul{padding:5;margin:5;list-style:none;}
#nav li {display:inline;padding:0 0px;}

#pagination-digg a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888;   font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }   
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold;  padding:4px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link,
#pagination-digg a:visited   { color:#0e509e; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }
</style>
</head>
<body>

<DIV id=nav><UL id=pagination-digg>
<LI class=previous-off>&laquo;上一页
<LI class=active>1
<LI><A href="?page=1&amp;id=1105&amp;ClassID=192&amp;">2</A>
<LI><A href="?page=2&amp;id=1105&amp;ClassID=192&amp;">3</A>
<LI><A href="?page=3&amp;id=1105&amp;ClassID=192&amp;">4</A>
<LI><A href="?page=4&amp;id=1105&amp;ClassID=192&amp;">5</A>
<LI><A href="?page=1&amp;id=1105&amp;ClassID=192&amp;">下一页 &raquo;</A> </LI></UL></DIV>
</body>
</html>

抱歉!评论已关闭.