css设置下划线的方法

这篇文章将为大家详细讲解有关css设置下划线的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、重庆小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了万年免费建站欢迎大家使用!

css设置下划线的方法:首先创建一个HTML示例文件;然后在body中定义一些文字内容;最后通过“text-decoration:underline;”样式为文本添加下划线即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

css添加下划线:

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

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

示例:




 
 



This is heading 1

This is heading 2

This is heading 3

效果如下:

css设置下划线的方法

text-decoration 属性说明:

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

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

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

属性值:

none 默认。定义标准的文本。

underline 定义文本下的一条线。

overline 定义文本上的一条线。

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

blink 定义闪烁的文本。

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

关于“css设置下划线的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


新闻标题:css设置下划线的方法
标题路径:http://bzwzjz.com/article/gspodc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计推广 重庆网站制作 成都网站建设 宜宾网站设计 成都网站设计 成都网站建设 高端网站设计 成都网站建设 成都网站建设公司 成都网站设计 成都网站建设 定制网站建设 网站建设费用 H5网站制作 成都网站建设公司 成都网站建设 成都定制网站建设 成都网站建设公司 响应式网站建设 成都网站设计 成都网站建设 网站设计