ZackSock

注册时间: 2020-01-09 16:08
TA的回答
<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/answer/10?id=10&amp;page=2" title="第"2"页" >2</a> <a href='/u/answer/10?id=10&page=2' title='下一页'>下一页</a> <a href='/u/answer/10?id=10&page=2' title='尾页'>尾页</a> <p class='pageRemark'>共<b>2</b>页<b>12</b>条数据</p></div>