100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > div html 下边加横线_css怎么添加下划线?

div html 下边加横线_css怎么添加下划线?

时间:2020-10-01 18:35:40

相关推荐

div html 下边加横线_css怎么添加下划线?

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

css可以使用text-decoration属性添加下划线。使用text-decoration:underline;样式即可为文本添加下划线。

示例:

h1 {text-decoration:overline;}

h2 {text-decoration:line-through;}

h3 {text-decoration:underline;}

This is heading 1

This is heading 2

This is heading 3

效果如下:

text-decoration 属性说明:

text-decoration 属性规定添加到文本的修饰。

注释:修饰的颜色由 "color" 属性设置。

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

属性值:none 默认。定义标准的文本。

underline 定义文本下的一条线。

overline 定义文本上的一条线。

line-through 定义穿过文本下的一条线。

blink 定义闪烁的文本。

inherit 规定应该从父元素继承 text-decoration 属性的值。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。