text-decoration-style 是 CSS3 中的属性，用于设置文本修饰线（如下划线、删除线等）的样式。该属性可以与 text-decoration-line 和 text-decoration-color 一起使用。

以下是一些常见的取值：

1. solid（实线）： 默认值，文本修饰线为实线。
   p {
     text-decoration-line: underline;
     text-decoration-color: red;
     text-decoration-style: solid;
   }

2. double（双线）： 文本修饰线为双线。
   p {
     text-decoration-line: underline;
     text-decoration-color: blue;
     text-decoration-style: double;
   }

3. dotted（点状线）： 文本修饰线为点状线。
   p {
     text-decoration-line: underline;
     text-decoration-color: green;
     text-decoration-style: dotted;
   }

4. dashed（虚线）： 文本修饰线为虚线。
   p {
     text-decoration-line: underline;
     text-decoration-color: purple;
     text-decoration-style: dashed;
   }

5. wavy（波浪线）： 文本修饰线为波浪线。
   p {
     text-decoration-line: underline;
     text-decoration-color: orange;
     text-decoration-style: wavy;
   }

这些样式允许你更精确地定义文本修饰线的外观，以满足设计需求。需要注意的是，具体效果可能因浏览器而异，建议进行兼容性测试。


转载请注明出处：http://www.zyzy.cn/article/detail/6138/CSS