分页居中样式

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>---</title>
<style>
*{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
}

</style>
</head>
<body>

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

</body>
</html>

0 0