CSS层叠样式表文本修饰

如何在html中设置上划线或者下划线的文本?
我想创建带删除线的文本/文字?在html中如何创建闪烁的带下划线的文本?

解释


属性

: 案文装饰
用法:
text-decoration: underline;
text-decoration: overline;
text-decoration: linethrough;
text-decoration: blink;
定义:
使用这个属性我们可以对文本进行修饰。可以创建闪烁带下划线的文本等...
属性可以设置以下的值。
a)underline:使用这个属性值可以创建带下划线的文本。
b)overline:使用这个属性值可以创建上划线文本。
c)linethrough:使用这个属性值可以创建带删除线的文本。
d)blink:使用这个属性值可以创建闪烁文本。

示例1:
<font style="text-decoration: underline;"> 测试案文装饰</font>
结果:
测试案文装饰

示例2:
<div style="text-decoration: overline;"> 测试案文装饰 </div>
结果:
测试案文装饰

示例3:
<h5 style="text-decoration: linethrough;"> 测试案文装饰 </h5>
结果:
测试案文装饰

示例4: [旧版本的浏览器不支持这个属性值]
<font style="text-decoration: blink;"> 测试案文装饰</font>
结果:
测试案文装饰

如果我们想让文本带有下划线、上划线和闪烁,可以使用以下示例中的属性值。
示例5:
<font style="text-decoration: underline overline blink;"> 测试案文装饰</font>
结果:
测试案文装饰