<style type="text/css"> .pagination p{ margin:0; cursor:pointer } .pagination{ text-align:center; 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:#f7941d; background: white; border:1px #f7941d solid; } .pagination a.cur{ border:none; background:#f7941d; color:#fff; background-color:#f7941d; } .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="/index/company/journalism.html?page=2" title="第"2"页" >2</a><a href="/index/company/journalism.html?page=3" title="第"3"页" >3</a><a href="/index/company/journalism.html?page=4" title="第"4"页" >4</a><a href="/index/company/journalism.html?page=5" title="第"5"页" >5</a><a href="/index/company/journalism.html?page=6" title="第"6"页" >6</a><a href="/index/company/journalism.html?page=7" title="第"7"页" >7</a><a href="/index/company/journalism.html?page=8" title="第"8"页" >8</a><p class="pageEllipsis">...</p><a href="/index/company/journalism.html?page=3472" title="第"3472"页" >3472</a><a href="/index/company/journalism.html?page=3473" title="第"3473"页" >3473</a> <a href='/index/company/journalism.html?page=2' title='下一页'>下一页</a> <a href='/index/company/journalism.html?page=3473' title='尾页'>尾页</a></div>