css怎么去掉下划线?

html-css020

css怎么去掉下划线?,第1张

1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:

2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:

3、添加style标签,然后为a标签设置“text-decoration:none”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:

a标签是超链接,它会有下划线。下面,我们来看看如何去掉a标签的下划线吧。

代码,可以看到链接下方有下划线,如下图所示:

<a href="https://www.sogou.com/">souGo</a>

写一个样式表,如下图所示:

<style type="text/css"></style>

然后写超链接样式,如下图所示:

<style type="text/css">

a{

text-decoration:none

}

</style>

显示结果

结果看到超链接下划线已经去掉了,如下图所示:

总代码:

<html>

<body>

<head>

<style type="text/css">

a{

text-decoration:none;

}

</style>

<a href="https://www.sogou.com/">souGo</a>

</head>

</body>

</html>