html text-decoration,text-decoration 属性

text-decoration 属性,这是一个很有含意的属性,它供应了很多颇为滑稽的举动。

text-decoration 有 5 个值:

none

underline

overline

line-through

blink

不出所料,underline 会对元素加下划线,就像 HTML 中的 U 元素一样。overline 的浸染恰恰相反,会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯串线,等价于 HTML 中的 S 和 strike 元素。blink 会让文本闪灼,类似于 Netscape 赞成的颇招非议的 blink 符号。

none 值会封闭原本使用到一个元素上的全体装璜。一般,无装饰的文本是默认外面,但也不总是何等。好比,链接默许地会有下划线。假如您渴想去掉超链接的下划线,可使用以下 CSS 来做到这一点:

a {text-decoration: none;}

留心:要是显式地用多么一个规则去掉链接的下划线,那么锚与畸形文本之间在视觉上的仅有差别即是颜色(至少默许是多么的,不外也不克不及彻底保证其颜色必定有分辨)。

还可能在一个划定规矩中松散多种装璜。若是祈望所有超链接既有下划线,又有上划线,则规定如下:

a:link a:visited {text-decoration: underline overline;}

不外要把稳的是,如果两个不合的装璜都与抗衡元素完婚,胜出规定的值会完全接替另外一个值。请思量以下的规则:

h2.stricken {text-decoration: line-through;}

h2 {text-decoration: underline overline;}

关于给定的规定,一切 class 为 stricken 的 h2 元素都只有一个畅通领悟线装饰,而不有下划线与上划线,因为 text-decoration 值会改换而不是累积起来。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值