相关文章
西门子WinCC组态编程软件技术和实务
企通互联修改路径及网站URL
网站建设增加新闻演示
北京网站建设子类列表生成多余的DIV代码的解决办法
北京网页设计用meta标签来增强网页功能
网页设计Dreamweaver构建Blog(12):把BLOG上传到远程空间
网站设计Dreamweaver中幂格式文本巧实现
网站设计CSS入门教程之CSS的语法
网站设计DreamwaverMX与ASP.NET(三)
网站设计Dreamweaver MX进阶教程（二十）使用一象素透明图像固定单元格宽度
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站制作网站制作CSS制作的阴影链接文字
北京网站制作网站制作CSS制作的阴影链接文字
根据这种效果大家还可以任意变换颜色,达到网页特效的目的
<html>
<head>网站制作
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">网站制作 北京网站建设
<title>站长资讯---CSS制作的阴影链接文字 北京网站制作</title>
</head>
<body>网站建设
<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>
</body>北京网站建设
</html>
北京网页设计