css3中字体装饰，多样化的界面效果，：
[ text-decoration-line ]：指定文本装饰的种类。相当于CSS2.1的 text-decoration 属性，
可取值：none | underline | overline | line-through | blink （Firefox1.0及Opera4.0开始支持blink，其它浏览器尚不支持）
[ text-decoration-style ]：指定文本装饰的样式。[ text-decoration-color ]：指定文本装饰的颜色。 ：下面请看实例代码：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>text-decoration_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
.test li{margin-top:10px;}
.test .none{text-decoration:none;}
.test .underline{text-decoration:underline;}
.test .overline{text-decoration:overline;}
.test .line-through{text-decoration:line-through;}
.test .blink{text-decoration:blink;}
.test .text-decoration-css3{
text-decoration:#f00 dotted underline;
}
</style>
</head>
<body>
<ul class="test">
<li class="none">无装饰文字</li>
<li class="underline">带下划线文字</li>
<li class="overline">带上划线文字</li>
<li class="line-through">带贯穿线文字</li>
<li class="blink">带闪烁文字</li>
<li class="text-decoration-css3">如果你的浏览器支持text-decoration在CSS3下的改变，将会看到本行文字有一条红色的下划虚线</li>
</ul>
</body>
</html>
原文：http://www.cnblogs.com/wenshengya/p/7074166.html