订阅
上一篇
返回
下一篇
去掉超级链接横线和超级链接定义 CSS
作者: 唐布拉草原 日期: 2007-10-22 21:10
下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：
<style type="text/css">
<!--
a:link{text-decoration: none;color: black}
a:active{text-decoration:blink}
a:hover{text-decoration:underline;color: red}
a:visited{text-decoration: none;color:green}
-->
</style>
其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线
标签:
评论: 0 |
引用: 0 |
阅读: 634
发表评论
css 定义图片边框样式 (2008-06-20 23:10)
鼠标触显（滑动门）CSS 代码及其使用方法 (2008-03-14 22:09)
CSS定义 鼠标移上去的链接颜色，链接背景颜色，链接样式等 (2007-12-27 21:58)
CSS定义标题前面图片，背景图片详解 (2007-12-18 16:32)
网页中 CSS超级链接的几个属性 (2007-10-30 18:12)