| 广 告 位 置 |
|
|
|
 |
| 站 内 搜 索 |
|
|
|
|
|
|
|
|
网页特效：导航条上的放大效果
来源：盛绿设计 等级：默认等级
发布于2006-11-03 01:25 被读25次 【字体：大 中 小】
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
<!--
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;
}
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>
<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> |
相关专题：暂无相关专题
上一篇：CSS超级技巧大放送合集
下一篇：新手知识：网页制作该选什么软件
|
共有评论 0 条 网友评分  查看全部
|
|
|
当前位置：首 页 >> 教程资料 >> 网页制作 >> 网页特效：导航条上的放大效果
