Html 如何显示没有下划线的超链接?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/1267820/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 00:34:30  来源:igfitidea点击:

How do you display hyperlinks without an underline?

htmlcss

提问by Yves

How do you display hyperlinks without an underline ?

如何显示没有下划线的超链接?

回答by Michael Todd

a:link {
    text-decoration: none;
    color: #0000CC;
}
a:visited {
    text-decoration: none;
    color: #0000CC;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: underline;
}

(Or at least that's how wedo it.)

(或者至少我们就是这样做的。)

Oh, and the orderabove matters, by the way.

哦,顺便说一下,上面的顺序很重要。

回答by Richard Sim?es

a:link, a:visited {
   text-decoration:none;
}

回答by Joseph

Apply this style:

应用这种风格:

text-decoration: none;