CSS text-decoration属性,设置文本修饰
text-decoration属性
CSS中的text-decoration属性可以用于设置文本的修饰,其样式根据属性值可分为三大类,分别是位于文字顶部的、在文字中间的,和在文字底部的,如下方的示例:
text顶部修饰
text中间修饰
text底部修饰
属性值
值 | 描述 |
---|---|
overline | 顶部 |
line-through | 中间 |
underline | 底部 |
none | 不设置文字修饰 |
text-decoration属性实例代码,及在线编辑器
下方的实例中只设置了一个underline的文字修饰,有兴趣在线练习的可以在线编辑代码,然后在线运行:
<p id='d'>这是可以在线编辑的HTML+CSS+JS编辑器</p>
<style>
#d{text-decoration:underline;}
</style>