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;}