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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.