我的一亩三分地 我就喜欢!
网站首页
网管
论坛
环境保护
方便网址
网管助手
软件
下载
网站地图
设为主页
收藏本站
当前位置: >
一亩三分地:首页
>
网络学院
>
网页设计
>
Html/Css
>
CSS制作的阴影链接文字
用CSS美化你的网页
(11-24)
妙运用CSS样式表立刻改变鼠标的样式
(12-07)
背景图的详细设定
(12-07)
让字体美起来 (1)
(10-21)
Xhtml(5):head区的其他设置
(10-13)
HTML中meta作用
(11-01)
奇妙的文字图形 font-family的非常用
(11-01)
css网页设计技巧
(11-01)
CSS实现当前页的滑动门菜单效果方法
(11-01)
HTML-加速、再加速
(10-23)
CSS制作的阴影链接文字
作者:
来源:
点击:
日期:
2006-11-01
转自:动态网站制作指南 | www.knowsky.com
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效观止|http://homepage.yesky.com/|---<a href="http://www.knowsky.com/article.asp?typeid=38">CSS</a>制作的阴影链接文字</title> </head> <body> <style> ul,li{ margin:0px; padding:0px;list-style-type: none;} http://homepage.yesky.com/nav{font-family: Verdana, "宋体", Arial;} http://homepage.yesky.com/nav li{ float:left; margin-left:30px;} http://homepage.yesky.com/nav span{display:none;} http://homepage.yesky.com/nav a{font-size:12px;font-weight: bold;color: http://homepage.yesky.com/FF6600;text-decoration: none; display:block;} http://homepage.yesky.com/nav a:hover{ color:http://homepage.yesky.com/999;top:1px; left:1px; position:relative;} http://homepage.yesky.com/nav a:hover span{ display:block; top:-2px; left:-2px; position:absolute; color:http://homepage.yesky.com/FF3300;cursor:pointer;} </style> <div id="nav"> <ul> <li><a href="http://homepage.yesky.com/">网站首页<span>网站首页</span></a></li> <li><a href="http://homepage.yesky.com/">网站首页<span>网站首页</span></a></li> <li><a href="http://homepage.yesky.com/">网站首页<span>网站首页</span></a></li> <li><a href="http://homepage.yesky.com/">网站首页<span>网站首页</span></a></li> <li><a href="http://homepage.yesky.com/">网站首页<span>网站首页</span></a></li> </ul> </div> </body> </html>
【
文章评论
】 【
收藏本文
】 【
推荐好友
】 【
打印本文
】 【
论坛讨论
】
相关文章:
·
css网页设计技巧
·
奇妙的文字图形 font-family的非常用途
·
网页设计中实用的制作技巧
·
从基础开始:CSS实用教程(二)
·
HTML語法大全
·
创建一个纯CSS的水平导航条
文章评论:
(条)
请留名:
匿名评论
点击查看所有评论
网管论坛
责任编辑:
一分
声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。