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