网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
网页特效
>> 正文
CSS制作的阴影链接文字
阅读：3464 输入：2016-10-29 10:24:34
<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>
上一篇：
js实现多种超链接title图层弹出显示样式
下一篇：
javascript控制图片或div层的上下移动滚动效果
相关阅读
可编辑的下拉列表框菜单
文字在表格中向上滚动效果
js实现鼠标感应3D效果桌面球标签云特效
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens