text-decoration文本装饰属性指定文本的装饰方式。
常用值为:
none-默认值,用于定义普通文本
inherit-从其父元素继承此属性
overline-在文本上方绘制水平线
underline-在文本下方绘制水平线
line-through-在文本中绘制一条水平线(替换html<>标记)
html
<p class="none">没有文字装饰 (none) </p> <p class="inherit">继承父亲元素装饰inherit</p> <p class="overline">上划线overline</p> <p class="underline">下划线underline</p> <p class="line-through">删除线line-through</p>
css
p.none { text-decoration: none; } p.inherit { text-decoration: inherit; } p.overline { text-decoration: overline; } p.underline { text-decoration: underline; } p.line-through { text-decoration: line-through; }
结果:
没有文字装饰 (none)
继承父亲元素装饰inherit
上划线overline
下划线underline
删除线line-through