常用分页代码居中

来源：互联网发布：python pack 编辑：程序博客网时间：2024/04/27 16:26

<div class="fanye">               <div class="green-black">               <span class="disabled"> <上一页</span> <span class="current">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">下一页</a>  共4页  第                  <input type="text" name="pageNum" id="pageNum"  style="width:40px; height:22px; border:#dddddd 1px solid;"/>页 <input type="button" value="GO" style="width:40px; height:24px; background:#fff; border:#7fc241 1px solid; font-family:微软雅黑; font-size:14px; color:#7fc241; margin-top:4px; cursor:pointer" onclick="gotopage();" />          </div>  </div>

<pre name="code" class="css">*{margin:0;padding:0;}/*------------*/.fanye{width:690px; height:46px; line-height:32px; margin-bottom:10px; float:left;}div.green-black {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center}div.green-black a {border-right: #dddddd 1px solid; padding-right:10px; border-top: #dddddd 1px solid; padding-left:10px; background:#ffffff; padding-bottom:4px; border-left: #dddddd 1px solid; color: #333; margin-right: 2px; padding-top:4px; border-bottom: #dddddd 1px solid; text-decoration: none}div.green-black a:hover {border-right: #7fc241 1px solid; border-top: #7fc241 1px solid; background:#7fc241; border-left: #7fc241 1px solid; color: #fff; border-bottom: #7fc241 1px solid}div.green-black a:active {border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: url(image2.gif) #aad83e; border-left: #aad83e 1px solid; color: #fff; border-bottom: #aad83e 1px solid}div.green-black span.current {border-right: #7fc241 1px solid; padding-right:10px; border-top: #7fc2414 1px solid; padding-left:10px; font-weight: bold; background:#7fc241; padding-bottom:4px; border-left: #7fc241 1px solid; color: #fff; margin-right:2px; padding-top:4px; border-bottom: #7fc241 1px solid}div.green-black span.disabled {border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom:4px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top:4px; border-bottom: #f3f3f3 1px solid}div.green-black span.disabledgo {border-right: #7fc241 1px solid; padding-right:10px; border-top:#7fc241 1px solid; padding-left:10px; padding-bottom:4px; border-left: #7fc241 1px solid; color:#7fc241; margin-right: 2px; padding-top:4px; border-bottom:#7fc241 1px solid}

0 0