我们知道一般没有做 CSS 初始化, 网页中带超链接文字会出现下划线, 假如我们想去掉下划线该如何设置呢? 下面我们就来看一下 CSS 设置链接文字不加下划线的方法.
我们要去掉 a 超链接锚文本下划线将用到以下 CSS 样式属性:
text-decoration
text-decoration 属性规定添加到文本的修饰.
这个属性允许对文本设置某种效果, 如加下划线. 如果后代元素没有自己的装饰, 祖先元素上设置的装饰会 "延伸" 到后代元素中. 不要求用户代理支持 blink.
使用 CSS 去掉超链接下划线:
去掉 a 超链接下划线样式, 我们将 CSS text-decoration 的值设置为 "none" 即可.
如下去掉 A 链接下划线样式代码:
a{text-decoration:none}
示例:
- <!DOCTYPE html>
- <HTML xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- 去掉超链接下划线在线演示
- </title>
- <style>
- a{ text-decoration:none}
- </style>
- </head>
- <body>
欢迎来到 < a href="https://www.html.cn/">HTML 中文网 </a>
</body>
</HTML>
效果如下:
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/16831.html