css text-decoration下划线 删除线 上划线属性样式
一、DIV+CSS下划线基础
DIV CSS text-decoration下划线、删除线、上划线属性,本节介绍使用div+css样式实现文字字体下划线、字体删除线贯穿线、上划线样式。
text-decoration : none || underline || blink || overline || line-through
text-decoration下划线CSS单词值参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式
text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式
二 完整下划线删除线上划线案例
我们进行对3个盒子对象分别设置对象内文字下划线、文字删除线样式、字体上划线样式。
1、css代码片段:
- .divcss5{text-decoration:underline}
- .divcss5_1{text-decoration:line-through}
- .divcss5_2{text-decoration:overline}
2、html代码片段:
- <div class="divcss5">我被加下划线</div>
- <div class="divcss5_1">我被加贯穿删除线</div>
- <div class="divcss5_2">我被加上划线</div>
3、css删除线、css下划线、css上划线案例截图
CSS删除线下划线上划线案例截图
所以删除线除了之前总结过得<del>标签,css也可以控制。且进过测试兼容性良好
.
相关推荐
hlfsunshine 2018-01-05
higher0 2020-10-24
doubinning 2020-09-22
tengyuan 2020-04-17
liangzuojiayi 2020-04-14
cuterabbitbaby 2019-12-29
jacktangj 2019-12-16
Kwong 2019-12-01
mingrixing 2019-08-29
wklken的笔记 2019-10-26
JohnnyPig 2018-03-11
云端漂移 2019-06-09
Doulvme 2006-09-24
xuMelon 2019-07-01
SZStudy 2015-01-05
微麦PHP 2019-06-27
纯屌丝程序猿 2014-08-15