码迷,mamicode.com
首页 > 其他好文 > 详细

text-decoration:[ text-decoration-line ] || [ text-decoration-style ] || [ text-decoration-color ] 默认值:

时间:2017-06-24 20:58:33      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:top   link   红色   over   css   nbsp   title   head   char   

 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>

text-decoration:[ text-decoration-line ] || [ text-decoration-style ] || [ text-decoration-color ] 默认值:

标签:top   link   红色   over   css   nbsp   title   head   char   

原文地址:http://www.cnblogs.com/wenshengya/p/7074166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!