css怎么设置下划线?

对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式。下面我们来看一下如何使用css样式设置下划线。

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其它相关文章!

推荐阅读