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

CSS 语法

text-decoration: 

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从其父元素继承此属性。

示例

	.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}


默认
下划线
上划线
删除线
闪烁文本
从父元素继承

联合写法示例

      
	.line-through-double-red {
	    text-decoration: line-through double red;
	}


从父元素继承

参考 CSS text-decoration 属性