a { text-decoration: none; }
这便是实现去除链接下划线的代码,将其加入到css样式表中即可。text-decoration是文本装饰属性,通过将其设置为none,即可消掉链接下划线。
当然,大家也可以只消去下划线,而保留其它文本装饰效果,例如删除线、加粗等。
a { text-decoration: underline; }
这便是只消去链接下划线的代码,将其设置为underline即可。
在有些场景下,大家需要区分已访问和未访问的链接,以便用户能够更好地了解自己浏览的网站。常见做法是将已访问链接设置为其他颜色。
a:visited { color: #999999; }
以上代码中,使用了伪类选择器:visited来选择已访问链接,将其颜色设置为灰色。
综上,大家在设计网页时能够通过css消除链接下划线,并且可以根据需要增加或保留其它装饰效果,提高了网页的美观度和可读性。