html5 怎么去掉链接的下划线

发布网友发布时间：2022-04-06 11:14

我来回答

共3个回答

热心网友时间：2022-04-06 12:44

　　步骤

用editplus新建一个html文件

将如下代码写入文件结果如下图所示

显示效果：

在标题下方加入如下代码实现链接下方下划线取消

热心网友时间：2022-04-06 14:02

去掉超链接下面的下划线可以通过CSS样式表来控制。
text-decoration:none这个属性是标准的文本即不显示任何的文本修饰。

例如：
<style type="text/css">
.abc{text-decoration:none}
</style>
<a href="#" class="abc">这个是链接</a>

引申：
text-decoration这个属性有以下参数参考：

none 定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

热心网友时间：2022-04-06 15:36

不用默认的样式,重新写
A:link {COLOR: blue; TEXT-DECORATION: none}
A:visited {COLOR: #666666; TEXT-DECORATION: none}
A:active {COLOR: #999999; TEXT-DECORATION: none}
A:hover {COLOR: #FF6633; FONT-WEIGHT: normal; TEXT-DECORATION: none}