text-decoration上 中 下划线使用方法

text-decoration介绍

text-decoratio在日常开发中主要用于文字添加上划线、中划线（删除线、栅格线、贯穿线）、下划线样式。

语法：

text-decoration-line ：指定文本装饰的种类。相当于CSS1时的text-decoration属性

text-decoration-style ：指定文本装饰的样式。

text-decoration-color ：指定文本装饰的颜色。

blink：指定文字的装饰是闪烁。写本文档时仅Firefox和Opera支持该参数值

兼容性：

6.0-9.0 #1    4.0-9.0 #2    5.1 #3    13.0-16.0 #4    11.50-11.60 #5    

IE9及更早浏览器不支持blink，且不支持CSS3下的text-decoration复合属性属写法。

Firefox4.0-9.0不支持CSS3下的text-decoration复合属性属写法。

Safari5.1不支持blink，且不支持CSS3下的text-decoration复合属性属写法。

Chrome13.0不支持blink，且不支持CSS3下的text-decoration复合属性属写法。

Opera11.50-11.60不支持CSS3下的text-decoration复合属性属写法。

使用方法

无样式

.css{text-decoration:none;}

下划线

.css{text-decoration:underline;}

上划线，部分浏览器不兼容

.css{text-decoration:overline;}

中划线

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

闪烁，部分浏览器不兼容

.css{text-decoration:blink;}

CSS3连写方法

.css{
text-decoration:#f00 dotted underline;
}

上一篇：哀悼日网站变灰色方法 下一篇：返回列表 栏目分类

帝国CMS教程

织梦cms教程

discuz教程

ecshop教程

phpcms教程

wordpress教程

苹果cms教程

php教程

数据库教程

微信小程序教程

python教程

css教程

js教程

视频教程

电子书

最新更新

• 01 text-decoration上 中 下划线使用方法 2个月前
• 02 哀悼日网站变灰色方法 2个月前
• 03 全套@media响应式布局代码方案分享 3个月前
• 04 less响应式布局方案分享 3个月前
• 05 css开发第一个字符制作圆形文字图标效果 3个月前

热门推荐

• 01 为什么bootstrap国内很少人使用 620热度
• 02 IE不显示加载iconfont阿里巴巴图标的解决方法 411热度
• 03 CSS文字超出省略号显示 329热度
• 04 分享IE6 PNG 透明的几种方法 253热度
• 05 CSS定位控制上下左右坐标教程 247热度