您的位置：首页 > Web前端 > CSS

使用CSS去除 去掉超链接的下划线方法

2013-02-14 19:57 253 查看
下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。

实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：

Javascript代码







<style type="text/css">

　　 <!--

　　 a:link { text-decoration: none;color: blue}

　　 a:active { text-decoration:blink}

　　 a:hover { text-decoration:underline;color: red}

　　 a:visited { text-decoration: none;color: green}

　　 -－>

　　 </style>

<style type="text/css">
　　 <!--
　　 a:link { text-decoration: none;color: blue}
　　 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参数表示超链接的文字有下划线

-------------------------------------------------------------------------

演示：让网页中的链接去掉下划线

Java代码







<style type="text/css">

<!--

A { text-decoration: none}

-->

</style>

<style type="text/css">
<!--
A { text-decoration: none}
-->
</style>


将代码插入在<head></head>之间.<title>之前即可
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航