text-decoration与color属性

Posted 2020-11-24 baimeishaoxia

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属性来专门指定边框的颜色