请选择 进入手机版 | 继续访问电脑版
css中text-decoration 属性使用方法教程
语法:
text-decoration : none || underline || blink || overline || line-through
取值:
none : 默认值。无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
说明:
检索或设置对象中的文本的装饰。
有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。
对象 strike , s , del ,默认值是 line-through 。
假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。
假如对象没有文本(如 img 元素)或者是空元素(如:<EM></EM>), 此属性不会发生作用。
假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。
在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textDecoration 。



案例:
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. h1 {text-decoration: overline}
  5. h2 {text-decoration: line-through}
  6. h3 {text-decoration: underline}
  7. h4 {text-decoration:blink}
  8. a {text-decoration: none}
  9. </style>
  10. </head>

  11. <body>
  12. <h1>这是标题 1</h1>
  13. <h2>这是标题 2</h2>
  14. <h3>这是标题 3</h3>
  15. <h4>这是标题 4</h4>
  16. <p><a href="http://www.w3school.com.cn/index.html">这是一个链接</a></p>
  17. </body>
  18. </html>
复制代码
效果如下:

css中text-decoration 属性使用方法教程

css中text-decoration 属性使用方法教程

推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关文章

精彩评论1

技术学习教程网,支持一下。
回复

使用道具 举报

发布主题
  • 今日更新:0 昨日更新:3
  • 会员总数:367 模板总数:8680
打造全国最大建站模板下载平台
手机/微信

13145201488

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们