在CSS中，text-decoration属性可以为文字添加下划线、删除线、上划线和文本闪烁等装饰。这些装饰可以在链接、标题、注释等场景中使用，为这些文本元素增加一些意义和效果。
一、text-decoration的基本用法
text-decoration属性是用来为文本添加各种装饰的，其值可以是单一的下划线、删除线、上划线或文本闪烁。其基本用法如下：
p {
text-decoration: underline;
}
上面的代码为p元素添加了一个下划线。 还可以同时添加多个装饰，如下所示：
p {
text-decoration: underline overline line-through;
}
上述代码为p元素同时添加了下划线、上划线和删除线三种装饰。当然，它们也可以分开使用。
二、控制text-decoration的颜色和样式
text-decoration线条的颜色和样式也可以通过CSS进行控制。下面是实现的方式： 1、控制颜色
p {
text-decoration: underline;
text-decoration-color: red;
}
上述代码为p元素的下划线设置了红色颜色。 2、控制样式 下划线、删除线等样式可以通过text-decoration-style属性进行控制。
p {
text-decoration: underline;
text-decoration-style: dotted;
}
上述代码为p元素下划线设置了点状样式。
三、text-decoration线条位置控制
text-decoration-lines属性可以用来控制text-decoration属性应用到文本的哪些位置上。默认情况下，text-decoration应用到整个文本的下方。使用text-decoration-lines元素可以控制其应用到文本的哪些部分上。 例如，下面的代码表示text-decoration属性应该只应用到文本的上方：
p {
text-decoration: underline;
text-decoration-line: overline;
}
四、text-decoration参考文本属性
text-decoration-line、text-decoration-color和text-decoration-style是text-decoration属性的三个部分。这些属性的每个部分，都可以使用单独的text-decoration-*属性来设置。 例如：
p {
text-decoration-line: underline;
text-decoration-color: blue;
text-decoration-style: dotted;
}
这种方式更加灵活，并且更加清晰易读。
五、结语
text-decoration属性可以为文字添加下划线、删除线、上划线和文本闪烁等装饰，可以很好地解决各个场景下的文本样式需求。
