给需要添加下划线的元素应用如下css样式即可
成都创新互联公司是一家集网站建设,洞口企业网站建设,洞口品牌网站建设,网站定制,洞口网站建设报价,网络营销,网络优化,洞口网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
text-decoration: underline;
示例如下:
给需要添加下划线的元素一个标记,这里设置为一个名叫underline的类
h2我不加下划线/h2
h2 class="underline"我要加下划线/h2
应用上面给出的添加下划线的样式
h2{color:blue;} /*设置文字颜色为蓝色*/
h2.underline{text-decoration: underline;} /*只为有underline标识的元素添加下划线*/
效果如下
HTML文字下划线怎么设置?很简单,用一个css样式就可以了。下面来看一下。
先在html里创建一段文字。
这时我们运行页面,可以看到这段文字并没有下划线的。
要添加下划线,我们添加一段css代码就行了,代码如下 text-decoration: underline。
再次运行页面,可以看到现在的文字就已经有了下划线了。
使用css
div如何给文字添加下划线样式呢?使用css对文字字体添加下划线样式方法教程。
对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式。
接下来为大家介绍对文字字体实现下划线方法教程,通过案例方式让大家作为两种对文字加下划线样式。
一、html标签实现下划线
在html标签中对需要加下划线的文字加u/u即可实现加下划线样式。
1、标签语法:
u我被加下划线了/u
2、html实例源代码
!DOCTYPE html html head meta charset="utf-8" / titlehtml下划线标签实例 ;/title /head body 我是divcss5!br / divcss5是网址u;/u ! /body /html
二、css样式实现下划线样式
使用CSS样式单词:text-decoration:underline
1、语法
div{text-decoration:underline} /* css注释说明:这样的表达将让DIV标签内文字字体加上下划线 */
2、div
css实现下划线实例代码
!DOCTYPE html html head meta charset="utf-8" / title下划线 删除线 上划线实例 ;/title style .divcss5{text-decoration:underline} /* underline下划线 */ .divcss5_1{text-decoration:line-through} /* line-through删除线贯穿线 */ .divcss5_2{text-decoration:overline} /* overline上划线 */ /style /head body div class="divcss5"我被加下划线/div div class="divcss5_1"我被加贯穿删除线/div div class="divcss5_2"我被加上划线/div /body /html
1、打开html开发工具并创建一个html文件。
2、在html页面上找到body标记,键入body标记,并用a标记覆盖内容。
3、修改a标签的内容,将颜色设置为蓝色。
4、将鼠标设置为在a标签上滑动,字体下方将变为红色下划线:a:hover {color:red}。
在CSS中可以使用text-decoration属性或border-bottom属性来给字体设置下划线样式。