Dzwebs.Net

撰写电脑技术杂文十余年

text-decoration处理网页字符特性none underline overline line-through blink

Admin | 2015-9-5 11:50:52 | 被阅次数 | 4633

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  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 值会替换而不是累积起来。


该杂文来自: 网页制作杂文

上一篇:none uppercase lowercase capitalize控制网页

下一篇:网页空白字符的处理

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计