DIV+CSS文字阴影的一个效果
- <style>
- ul,li{ margin:0px; padding:0px;list-style-type: none;}
- #nav{font-family: Verdana, "宋体", Arial;}
- #nav li{ float:left; margin-left:30px;}
- #nav span{display:none;}
- #nav a{font-size:12px;font-weight: bold;color: #FF6600;text-decoration: none; display:block;}
- #nav a:hover{ color:#999;top:1px; left:1px; position:relative;}
- #nav a:hover span{ display:block; top:-2px; left:-2px; position:absolute; color:#FF3300;cursor:pointer;}
- </style>
- <div id="nav">
- <ul>
- <li><a href="#">网站首页<span>网站首页</span></a></li>
- <li><a href="#">网站首页<span>网站首页</span></a></li>
- <li><a href="#">网站首页<span>网站首页</span></a></li>
- <li><a href="#">网站首页<span>网站首页</span></a></li>
- <li><a href="#">网站首页<span>网站首页</span></a></li>
- </ul>
- </div>

如需转载请注明文章来源,本文链接: https://icojump.in/?p=6
发表您宝贵的评论