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;