您现在的位置>>艺苑小览>>★如何去掉超链接的下划线★                                                      主页   关于我们

如何去掉超链接的下划线

转自：洪恩  作者：未知

    我们可以用 CSS 语法来控制超链接的形式、颜色变化。

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

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

<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 参数表示超链接的文字有下划线

    同样，如果讲 none 替换成 overline 则给超链接文字加上划线，换成 line-through 给超链接文字加上删除线， blink 则使文字在闪烁。

　　
 
 
 
★本站归藤藤草工作室版权所有©★
粤ICP备06018023号
联系我们： ttgrass@126.com