css使用text-decoration属性可以设置文本修饰,将此属性的属性值设置为underline即可为文本添加下划线,将此属性的属性值设为none即可去除下划线。
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
示例:
<html> <head> <style type="text/css"> h1 {text-decoration: overline} h2 {text-decoration: line-through} h3 {text-decoration: underline} h4 {text-decoration:blink} a {text-decoration: none} </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <p><a href="http://www.html.cn">这是一个链接</a></p> </body> </html>
效果图:
text-decoration属性可能的值:
none默认。定义标准的文本。
underline定义文本下的一条线。
overline定义文本上的一条线。
line-through定义穿过文本下的一条线。
blink定义闪烁的文本。
inherit规定应该从父元素继承
text-decoration 属性的值。
以上就是css怎么设置下划线?的详细内容,更多请关注易知道|edz.cc其它相关文章!