今天教大家制作页面的上一页 下一页 页码显示样式，效果如图所示。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS制作上一页 下一页 页码显示样式|www.125jz.com</title>
<style>
a {
width: 30px;
height: 20px;
line-height: 25px;
font: 12px/20px "宋体";
border: 1px solid #e0e1e2;
display: inline-block;
text-align: center;
color: #2052a3;
}
.shang {
width: 64px;
}
a:hover, .active {
background-color: #1f3a87;
color: #fff;
}
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<div> <a class="shang">上一页</a> <a>1</a> <a>2</a> <a class="active">3</a> <a>4</a> <a>5</a> <a>6</a> <a>7</a> <a>8</a> <a>9</a> <a class="shang">下一页</a> </div>
</body>
</html>
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2313.html
微信扫一扫 
支付宝扫一扫 