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

text-decoration与color属性

时间:2019-12-02 18:47:29      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:额外   col   包含   red   除了   line   增加   pre   代码   

text-decoration属性值

如果指定某个标签的text-decoration属性时,希望为其添加多个样式(比如:上划线、下划线、删除线),那么需要把所有的值合并到一个规则中才会生效

p{
     text-decoration: underline overline line-through;
}

如果将这行值分开写,那么在生效时会根据就近原则,选取最后一个text-decoration样式生效

p{
     text-decoration: underline;
     text-decoration: overline;
}

删除线

实际在使用删除线时,不太推荐采用text-decoration来指定样式,而更推荐使用标签,用以标记要删除的内容。而它常常会与<ins></ins>标签(用来表示要插入的内容)配合使用

color属性

color属性实际控制了一个元素的前景色,包含了文本颜色和边框颜色一起,下面css代码可以看到边框颜色实际也由color一并控制了。

p{
    color: red;
    border: 1px solid;
}

不过除了color,也可以额外增加border-color属性来专门指定边框的颜色

text-decoration与color属性

标签:额外   col   包含   red   除了   line   增加   pre   代码   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/11972472.html

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