<style type="text/css">
.pagination p{
margin:0;
cursor:pointer
}
.pagination{
height:40px;
padding:20px 0px;
}
.pagination a{
display:block;
float:left;
margin-right:10px;
padding:2px 12px;
height:24px;
border:1px #cccccc solid;
background:#fff;
text-decoration:none;
color:#808080;
font-size:12px;
line-height:24px;
}
.pagination a:hover{
color:#f86;
background: white;
border:1px #f86 solid;
}
.pagination a.cur{
border:none;
background:#f86;
color:#fff;
}
.pagination p{
float:left;
padding:2px 12px;
font-size:12px;
height:24px;
line-height:24px;
color:#bbb;
border:1px #ccc solid;
background:#fcfcfc;
margin-right:8px;
}
.pagination p.pageRemark{
border-style:none;
background:none;
margin-right:0px;
padding:4px 0px;
color:#666;
}
.pagination p.pageRemark b{
color:red;
}
.pagination p.pageEllipsis{
border-style:none;
background:none;
padding:4px 0px;
color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
</style><div class="pagination"><p>首页</p> <p>上一页</p> <a href="" class="cur">1</a><a href="/u/news/50?id=50&page=2" title="第"2"页" >2</a><a href="/u/news/50?id=50&page=3" title="第"3"页" >3</a><a href="/u/news/50?id=50&page=4" title="第"4"页" >4</a><a href="/u/news/50?id=50&page=5" title="第"5"页" >5</a><a href="/u/news/50?id=50&page=6" title="第"6"页" >6</a><a href="/u/news/50?id=50&page=7" title="第"7"页" >7</a><a href="/u/news/50?id=50&page=8" title="第"8"页" >8</a><p class="pageEllipsis">...</p><a href="/u/news/50?id=50&page=67" title="第"67"页" >67</a><a href="/u/news/50?id=50&page=68" title="第"68"页" >68</a> <a href='/u/news/50?id=50&page=2' title='下一页'>下一页</a> <a href='/u/news/50?id=50&page=68' title='尾页'>尾页</a> <p class='pageRemark'>共<b>68</b>页<b>677</b>条数据</p></div>
