<strong>第一個是從360而來的效果如圖所示:普通的a標記的分頁，相容性好。綠色樣式</strong><br><img style="max-width:90%" alt="" src="/do/uploads/userup/1006/060156301238.gif" style="max-width:90%" border="0"><br>演示代码:<br><div class="htmlarea"> <textarea id="runcode222"><style> .pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;} .pages span,.pages a,.pages b{ font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 2px;} .pages span font{ color:#f00; font-size:12px;} .pages a,.pages b{ border:1px solid #5FA623; background:#fff; padding:2px 6px; text-decoration:none} .pages span { padding-right:10px } .pages b,.pages a:hover{ background:#7AB63F; color:#fff;} </style> <div class="pages"> <span>共<font>1678</font>条评论</span><b>1</b><a href="">2</a><a href="">3</a><a href="">4</a><a href="">5</a>...<a href="">168</a><a href="">下一页>></a> </div> </textarea><br><input onclick="runEx('runcode222')" type="button" value="運行代碼"><input onclick="doCopy('runcode222') 運行代碼"><input onclick="doCopy('runcodetype=" button value="複製代碼"><input onclick="doSave(runcode222)" type="button" value="保存代碼">[Ctrl A 全選注:<a href="/article/23421.%20htm" title="查看具體詳情" target="_blank">如需引入外部Js需刷新才能執行</a>]</div> <br><strong>第二種：深藍色效果，當然顏色大家可以自行修改。 </strong><br>效果如圖:<br><img style="max-width:90%" alt="" src="/do/uploads/userup/1006/060159514923.gif" style="max-width:90%" border="0"><br>演示代码:<br><div class="htmlarea"><textarea id="runcode91936"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>css </title></textarea></div>
