html下划线怎么去除?

html-css011

html下划线怎么去除?,第1张

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

设备:戴尔电脑

系统:win10

软件:html文件

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

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

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

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

可以用css的text-decoration:none来取消连接的下划线

<html>

<head>

<style type="text/css">

a {text-decoration: none}

</style>

</head>

<body>

<p><a href="具体连接地址">这是一个链接</a></p>

</body>

</html>

定义和用法

text-decoration 属性规定添加到文本的修饰。

注释:修饰的颜色由 "color" 属性设置。

说明

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。