去掉链接的下划线

简介: 去掉链接的下划线。

去掉链接的下划线
如何去掉链接的下划线是一个常见的问题。 关于是否去掉链接的下划线,你必须仔细考虑清楚,因为这有可能严重降低网站的易用性(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;
}

相关文章
|
1月前
|
测试技术
leetcode-1576:替换所有的问号
leetcode-1576:替换所有的问号
36 1
|
1月前
去掉字符串前后空格/去掉字符串中所有空格(包括中间连续空格)/去掉所有全角半角空格/去掉所有全角半角 空格
去掉字符串前后空格/去掉字符串中所有空格(包括中间连续空格)/去掉所有全角半角空格/去掉所有全角半角 空格
如何去掉字符串开头,结尾或者中间的空格及其他不想要的字符
去掉文本字符串开头,结尾或者中间不想要的字符,比如空白。
|
1月前
|
C语言 C++
每天一道C语言编程:(去掉:双斜杠注释,去掉空格)
每天一道C语言编程:(去掉:双斜杠注释,去掉空格)
9 0
|
10月前
解决“word空格后面下划线自动消失”问题
解决“word空格后面下划线自动消失”问题
如何英文字母实现倒序输出且大小写切换
如何英文字母实现倒序输出且大小写切换
69 0
PhpStorm:设置注释符缩进位置和等号对齐
PhpStorm:设置注释符缩进位置和等号对齐
196 0
PhpStorm:设置注释符缩进位置和等号对齐
正则表达式去除空格、符号,只保留中文、英文、数字
正则表达式去除空格、符号,只保留中文、英文、数字
692 0
|
算法 安全
每日算法刷题Day7-比较字符串大小,去掉多余的空格,单词替换
⭐每日算法题解系列文章旨在精选重点与易错的算法题,总结常见的算法思路与可能出现的错误,与笔者另一系列文章有所区别,并不是以知识点的形式提升算法能力,而是以实战习题的形式理解算法,使用算法。
239 0
每日算法刷题Day7-比较字符串大小,去掉多余的空格,单词替换
AcWing 766. 去掉多余的空格
AcWing 766. 去掉多余的空格
61 0
AcWing 766. 去掉多余的空格