<style type="text/css"> .pagination p{ margin:0; cursor:pointer } .pagination{ display: inline-block; height:40px; padding:20px 0px; margin: 0 auto; } .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:#009688; background: white; border:1px #009688 solid; } .pagination a.cur{ background:#009688; color:#fff; border: 1px #009688 solid; } .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="/product/10.html?page=2" title="第"2"页" >2</a> <a href='/product/10.html?page=2' title='下一页'>下一页</a> <a href='/product/10.html?page=2' title='尾页'>尾页</a> <p class='pageRemark'>共<b>2</b>页<b>22</b>条数据</p></div>