如何使用 CSS 取消字体下划线? 下面给大家介绍一下使用 CSS 取消字体下划线的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在给文字加上超链接锚文本 (html a) 后, 字体就被默认自动加上下划线样式, 但可以通过 CSS 实现取消去掉全网页超链接的文字字体被加下划线样式.
我们可以使用 text-decoration:none 来取消默认的下划线效果.
示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8" />
- <title>
- 取消下划线
- </title>
- <style>
- a{ text-decoration:none}
- </style>
- </head>
- <body>
欢迎来到 < a href="https://www.html.cn/">HTML 中文网</a>!
</body>
</HTML>
效果图:
说明:
text-decoration 属性规定添加到文本的修饰.
这个属性允许对文本设置某种效果, 如加下划线. 如果后代元素没有自己的装饰, 祖先元素上设置的装饰会 "延伸" 到后代元素中. 不要求用户代理支持 blink.
补:
在 HTML 页面中, 有时也会使用 border-bottom 属性设置下划线. 此时使用 text-decoration 属性是无法取消下划线效果的, 需要使用 border-bottom:none 来去掉.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/15177.html