a标签当如下时,不显示下划线

<a>没链接的a标签</a>

这种情况如何添加下划线呢
值 描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

text-decoration:underline;

a标签如下,会正常显示

<a href="http://www.w3school.com.cn">W3School</a>

定义和用法
标签定义超链接,用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性,它指示链接的目标。

在所有浏览器中,链接的默认外观是:

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
那么a标签有href的时候如何去掉下划线呢

a:link{
	text-decoration:none;   /* 指正常的未被访问过的链接*/ 
}
a:visited{
	text-decoration:none; /*指已经访问过的链接*/
}
a:hover{
	text-decoration:none;/*指鼠标在链接*/
}
a:active{
	text-decoration:none;/* 指正在点的链接*/
}

知识延展
a标签中href=""的几种用法

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐