分页样式

CSS：
.pages{height:30px; padding-top:30px;}
.page{clear:both; position:relative; left:50%; float:left}
.page span a{ font-size:14px; float:left; position:relative; left:-50%; border:#EEE 1px solid; padding:3px 5px; width:auto; margin-right:10px}
.page span a.curp{ border:#F9F 1px solid; color:#F0F}
.page span a:hover{color:#FFF; text-decoration:none; border:#080 1px solid; background:#090}

 

HTML：
<div class="pages">
<div class="page"><span><a href="/p/news.asp?sid=1&page=0">上一页</a><a href="/p/news.asp?sid=1&page=1" class="curp">1</a><a href="/p/news.asp?sid=1&page=2">2</a><a href="/p/news.asp?sid=1&page=3">3</a><a href="/p/news.asp?sid=1&page=2">下一页</a></span></div></div>