html怎么去掉下划线？_随笔

使用text-decoration即可去掉下划线，具体 *** 作方法如下。

设备：戴尔电脑

系统：win10

软件：html文件

1、首先打开电脑之后，新建一个html文件，输入html网页的结构，如下图所示。

2、然后在body标签中添加a标签，在a标签里输入文字，如下图所示。

3、这时可以看到a标签是默认带有下划线的，想要去掉下划线，只要给a标签添加一个texte-decoration样式就可以删除，如下图所示。

4、删除完成之后，最后保存文件，运行网页查看结果，已去除下划线，如下图所示。

1、a标签中控制下划线的属性是text-decoration

2、css去掉下划线：

a{text-decoration:none}

鼠标经过文本颜色：

a:hover{color：red//鼠标经过变成红色}

3、text-decoration可能的值：

1 正常情况下：<a>标签有下划线，其他的标签没有下划线

2 要是<a>标签有下划线，可以添加css样式：text-decoration:none去掉下划线

知识点

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

<!--

a:link { text-decoration: nonecolor: blue}

a:active { text-decoration:blink}

a:hover { text-decoration:underlinecolor: red}

a:visited { text-decoration: nonecolor: green}

-－>

</style>

其中：

a:link 指正常的未被访问过的链接；

a:active 指正在点的链接；

a:hover 指鼠标在链接上；

a:visited 指已经访问过的链接；

text-decoration是文字修饰效果的意思；

none参数表示超链接文字不显示下划线；

underline参数表示超链接的文字有下划线

欢迎分享，转载请注明来源：内存溢出

html怎么去掉下划线？