CSS：text-decoration文本装饰

text-decoration属性可以给文本加上不同样式的下划线或者删除线
1、 text-decoration-line 线的种类：

• underline：下划线
• line-through：删除线
• overline ：上划线

2、text-decoration-color线的颜色

3、text-decoration-style线的样式

• solid 实现
• wavy 波浪线
• dashed 虚线
• dotted 点
• double 双下划线

4、 text-decoration-thickness设置用于装饰的线条的粗细

/* Single keyword */
text-decoration-thickness: auto;
text-decoration-thickness: from-font;

/* length */
text-decoration-thickness: 0.1em;
text-decoration-thickness: 3px;

/* percentage */
text-decoration-thickness: 10%;

/* Global values */
text-decoration-thickness: inherit;
text-decoration-thickness: initial;
text-decoration-thickness: revert;
text-decoration-thickness: revert-layer;
text-decoration-thickness: unset;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17