a标签，下划线的操作

大家好，又见面了，我是你们的朋友全栈君。

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=””的几种用法

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/145122.html原文链接：https://javaforall.cn