示例

text-decoration: underline;
text-decoration: underline dotted;
text-decoration: underline dotted red;
text-decoration: green wavy underline;
text-decoration: underline overline #FF3028;

浏览器支持

语法:

取值:

• text-decoration-line:指定文本装饰的种类。相当于CSS2.1的text-decoration属性，可取值:none | underline | overline | line-through | blink
• text-decoration-style:指定文本装饰的样式。如波浪线wavy、实线solid、虚线dashed
• text-decoration-color:指定文本装饰的颜色。
• text-decoration-thickness:文本修饰线的粗细（CSS4新增加注意这个属性还不是正式的，还没有明确。）

说明:

复合属性。检索或设置对象中的文本的装饰。

• 所有浏览器均支持CSS2.1中的text-decoration属性，在CSS3中，该属性定义被移植到其新的分解属性text-decoration-line上；
• 相关属性:text-decoration-skip||text-underline-position
• 对应的脚本特性为textDecoration。

例子

h1{text-decoration:overline}
h2{text-decoration:line-through}
h3{text-decoration:underline}

this text has a line underneath it.
this text has a line over it.
this text has a line going through it.
this link will not be underlined,
    as links generally are by default. be careful when removing
    the text decoration on anchors since users often depend on
    the underline to denote hyperlinks.
this text has lines above and below it.
this text might blink for you,
    depending on the browser you use.
.under {
  text-decoration: underline red;
}

.over {
  text-decoration: wavy overline lime;
}

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

.plain {
  text-decoration: none;
}

.underover {
  text-decoration: dashed underline overline;
}

.blink {
  text-decoration: blink;
}