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

2025-12-16 15:27:00
推荐回答(4个)
回答1:

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下划线

例如:只需加入一段代码:


补充:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。

网页是一个文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一"页",是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。

回答2:

若想在整页中去掉超链结的下划线,
在与之间加上

若只对特定链接使用,则链接语法为

如何使鼠标放到有超级链接的字体时出现字体颜色变化?
在与之间加上

其中link是超链接的颜色,visited是访问过的链接颜色,hover是鼠标移上去的颜色。把$
换成你需要的颜色,例如black或#000000。还可与下划线一起使用,如
a:hover{color:$;text-decoration:none}

若想在浏览网页时去掉下划线,点击工具->Internet选项->高级->浏览->给连接加下划线,选从不!~

回答3:

创想者学院网页设计教程中:用CSS语法来控制超链接的形式、颜色变化。
   下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划
线,显示为绿色。
   实现方法很简单,在源代码的和之间加上如下的CSS语法控制:
  
   其中:
   a:link 指正常的未被访问过的链接;
   a:active 指正在点的链接;
   a:hover 指鼠标在链接上;
   a:visited 指已经访问过的链接;
   text-decoration是文字修饰效果的意思;
   none参数表示超链接文字不显示下划线;
   underline参数表示超链接的文字有下划线
   同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。

回答4:

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下划线