资讯专栏INFORMATION COLUMN

text-decoration与color属性

Java_oldboy / 1286人阅读

摘要:而它常常会与标签用来表示要插入的内容配合使用属性属性实际控制了一个元素的前景色,包含了文本颜色和边框颜色一起,下面代码可以看到边框颜色实际也由一并控制了。不过除了,也可以额外增加属性来专门指定边框的颜色

text-decoration属性值

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

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

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

p{
     text-decoration: underline;
     text-decoration: overline;
}
删除线

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

color属性

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

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/112974.html

相关文章

  • text-decorationcolor属性

    摘要:而它常常会与标签用来表示要插入的内容配合使用属性属性实际控制了一个元素的前景色,包含了文本颜色和边框颜色一起,下面代码可以看到边框颜色实际也由一并控制了。不过除了,也可以额外增加属性来专门指定边框的颜色 text-decoration属性值 如果指定某个标签的text-decoration属性时,希望为其添加多个样式(比如:上划线、下划线、删除线),那么需要把所有的值合并到一个规则中才...

    Jensen 评论0 收藏0
  • CSS 搞怪的 text-decoration

    摘要:最后,好像也可以利用这种方法,做出莫名其妙的效果真是很莫名其妙的效果 今天在改一个项目的时候却遇到了一个莫名其妙的属性:text-decoration,这个属性,其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了,通常会用在移除超链接的底线、或一些特殊强调的效果里头,但是这么容易的属性,为什么会莫名其妙呢?就让我们继续看下去~ 项目里遇到的问题 在我的项目里头遇到的问题如下,一...

    Mertens 评论0 收藏0
  • CSS 搞怪的 text-decoration

    摘要:最后,好像也可以利用这种方法,做出莫名其妙的效果真是很莫名其妙的效果 今天在改一个项目的时候却遇到了一个莫名其妙的属性:text-decoration,这个属性,其实就只是用来把一段文字加上上横线、删除线或底线的属性罢了,通常会用在移除超链接的底线、或一些特殊强调的效果里头,但是这么容易的属性,为什么会莫名其妙呢?就让我们继续看下去~ 项目里遇到的问题 在我的项目里头遇到的问题如下,一...

    TANKING 评论0 收藏0
  • 24, CSS 构造超链接

    摘要:宋体超链接边框宋体派生超链接宋体属性选择器超链接宋体动态超链接宋体图像翻转超链接宋体工具提示宋体给链接加上边框宋体在文章段落中加上超级链接宋体用背景图象添加记号宋体利用派生来影响链接宋体利用图片作为下划线1. 超链接边框 2. 派生超链接 3. 属性选择器超链接 4. 动态超链接 5. 图像翻转超链接 6. CSS 工具提示 1.给链接加上边框 A:link { Color: #f00; T...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<