CSSページングスタイル
1151 ワード
<div id="pagelist">
<ul>
<!-- <li><a href="#"> </a></li>-->
<li><a href="#"> </a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="current">3</li>
<li><a href="#"> </a></li>
<!-- <li><a href="#"> </a></li>-->
<!-- <li class="pageinfo"> 3 </li>-->
<li class="pageinfo"> 8 </li>
</ul>
</div>
/* */
#pagelist {width:100%; margin:10px auto; padding:0px; }
#pagelist ul{ padding:0 10px;}
#pagelist ul li { float:left; border:1px solid #d6d6d6; line-height:20px; margin-left:5px;}
#pagelist ul li a, .pageinfo { display:block; padding:6px 12px; background:#efefef; margin-left:5px;}
.pageinfo { color:#5e5e5e;}
.current { background:#a9d2ff; display:block; padding:6px 12px; font-weight:bold;}