html中如何去掉超链接的下划线

html-css06

html中如何去掉超链接的下划线,第1张

去掉超链接下面的下划线可以通过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 属性的值。

对需要作用的文字容器写入css效果即可。

css的text-decoration属性可以改变文字内容的下划线效果。如果想去掉下划线,可以写入以下css代码:

text-decoration: none/*没有任何下划线*/

步骤

用editplus新建一个html文件

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

显示效果:

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