在 CSS 中, 可以通过 text-decoration 属性来去掉超链接的默认下划线. 下面本篇文章就来给大家介绍一下 CSS text-decoration 属性, 希望对大家有所帮助.
设置 text-decoration 属性的值为 none 就可去掉超链接的默认下划线. text-decoration 属性规定添加到文本的修饰, 而 none 值定义标准的文本, 设置该值即可去掉下划线.
属性值:
none: 无装饰, 通常对 html 下划线标签去掉下划线样式
underline: 下划线样式
line-through: 删除线样式 - 贯穿线样式
overline: 上划线样式
注释: 修饰的颜色由 "color" 属性设置.
说明
这个属性允许对文本设置某种效果, 如加下划线. 如果后代元素没有自己的装饰, 祖先元素上设置的装饰会 "延伸" 到后代元素中. 不要求用户代理支持 blink.
示例:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <style>
- .demo a{ text-decoration: none }
- </style>
- </head>
- <body>
- <p>
- <a href="#">
- 这是一个正常链接, 有下划线!
- </a>
- </p>
- <p class="demo">
- <a href="#">
- 去掉下划线的链接!
- </a>
- </p>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/css3/12866.html