超链接下划线网页链接下划线是什么

超链接下划线时间:2021-07-05 阅读:()

如何去掉网页设计中超链接的下划线

创想者学院网页设计教程中：用CSS语法来控制超链接的形式、颜色变化。

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

　　实现方法很简单，在源代码的和之间加上如下的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则使文字在闪烁。

怎样去掉超级链接的下划线?

可以设置成“从不显示下划线” 或者加代码：请将以下代码拷贝至页面的与之间:

谁来告诉我超链接下的下划线怎么去掉啊?``

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

　　其中：　　a:link 指正常的未被访问过的链接；　　a:active 指正在点的链接；　　a:hover 指鼠标在链接上；　　a:visited 指已经访问过的链接；　　text-decoration是文字修饰效果的意思；　　none参数表示超链接文字不显示下划线；　　underline参数表示超链接的文字有下划线

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