去掉链接的下划线
如何去掉链接的下划线是一个常见的问题。 关于是否去掉链接的下划线,你必须仔细考虑清楚,因为这有可能严重降低网站的易用性(usability)。人们已经习惯于蓝色有下划线的链接了,他们看到它就知道那是可以点击的。甚至连我妈都知道!
如果你去掉链接的下划线或修改链接的字体颜色的话,这很有可能会令用户感到困惑、并因此不能充分享用你网站上的内容。
尽管如此,去掉链接的下划线是非常容易的。你肯定记得我们在第5章学过text-decoration属性,它可用于决定是否给文本添加下划线。要去掉下划线,只要把text-decoration属性的值设为none就行了。
a {
text-decoration:none;
}
除此以外,text-decoration属性也可以与其它属性一起应用在伪类上。
a:link {
color: blue;
text-decoration:none;
}
a:visited {
color: purple;
text-decoration:none;
}
a:active {
background-color: yellow;
text-decoration:none;
}
a:hover {
color:red;
text-decoration:none;
}