CSS实现分页效果_网页制作杂文

CSS实现分页效果

Admin | 2007-11-3 22:57:47 | 被阅次数 | 7737

温馨提示!

如果未能解决您的问题，请点击搜索；登陆可复制文章，点击登陆

<style type="text/css">
.demo a {
float:left;
margin:5px 1px 0 1px;
width:20px;
height:20px;
color:#999;
font:12px/20px 宋体;
text-align:center;
text-decoration:none;
border:1px solid orange;
}
.demo a:hover {
position:relative;
margin:0 -9px 0 -9px;
padding:0 5px;
width:30px;
height:30px;
font:bold 16px/30px 宋体;
color:#000;
border:1px solid black;
background:#eee;
}
</style>
<div class="demo">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#">9</a>
<a href="#">10</a>
</div>

该杂文来自：网页制作杂文

上一篇：不使用图片实现圆角表格

下一篇：网页三剑客8.0版安装序列号（注册码）