CSS 语法

text-decoration: <text-decoration-line text-decoration-style text-decoration-color>

text-decoration-line

值 描述
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

text-decoration-style

值 描述
solid 默认值。线条显示为单行。
double 线条显示为双线。
dotted 线条显示为点线。
dashed 线条显示为虚线。
wavy 线条显示为波浪线。
initial 将此属性设置为其默认值。
inherit 从其父元素继承此属性。

text-decoration-color

值 描述
color 规定 text-decoration 的颜色。
initial 将此属性设置为其默认值。
inherit 从其父元素继承此属性。

示例

<style>
	.none {text-decoration: none}
	.underline {text-decoration: underline}
	.overline {text-decoration: overline}
	.line-through {text-decoration: line-through}
	.blink {text-decoration: blink}
	.inherit {text-decoration: inherit}
</style>

<p class="none">默认</p>
<p class="underline">下划线</p>
<p class="overline">上划线</p>
<p class="line-through">删除线</p>
<p class="blink">闪烁文本</p>
<p class="inherit">从父元素继承</p>

css：text-decoration给文字增加上划线、删除线、下划线_下划线

联合写法示例

<style>
      
	.line-through-double-red {
	    text-decoration: line-through double red;
	}
</style>

<p class="line-through-double-red">从父元素继承</p>

css：text-decoration给文字增加上划线、删除线、下划线_下划线_02

参考
CSS text-decoration 属性