实例代码：
<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.top{
text-decoration:overline;
}
p.center{text-decoration:line-through;}
p.under{text-decoration:underline;}
p.field{text-decoration:blink;}
p{text-decoration:none;}
</style>
</head>
<html>
<body>
<h1> 这是一个文本修饰的实例</h1>
<p class="top">文本上横线</p>
<p class="center">文本中横线</p>
<p class="under">文本下横线</p>
<p class="field">这是一个字段</p>
<p><a href="https://www.dwoke.com">你行网</a></p>
</body>
</html>
运行效果：
text-decoration:定义文本的装饰，有五个值：分别是：overline 上划线 ，line-through 中划线 ，underline 下划线 ，blink 对文本进行闪烁（现在主流浏览器已经不支持了），none 关闭原本应用到元素的所有装饰 。
评论