css text-decoration 属性用来为文本添加装饰，包括：none：移除所有装饰。underline：添加下划线。overline：添加上划线。line-through：添加删除线。: 自定义装饰，例如波浪线或点缀。

CSS text-decoration 属性的作用

CSS text-decoration 属性用于设置文本元素上各种装饰效果，包括下划线、删除线和上划线。其语法如下：

text-decoration: ;

可用的值包括：

• none：移除所有文本装饰。
• underline：添加下划线。
• overline：添加上划线。
• line-through：添加删除线。
• ： 允许自定义装饰，例如波浪线或点缀。

详细说明：

立即学习“前端免费学习笔记（深入）”；

• none：此值移除文本上的任何装饰，使文本看起来普通。
• underline：此值在文本下方添加一条线。可以使用 "text-decoration-color" 属性自定义下划线的颜色。
• overline：此值在文本上方添加一条线。与下划线类似，可以使用 "text-decoration-color" 属性自定义其颜色。
• line-through：此值穿过文本的中间，创建删除线效果。类似于下划线和上划线，可以使用 "text-decoration-color" 属性自定义删除线的颜色。
• ： 此值允许使用类似 "wavy" 或 "dotted" 这样的自定义关键字指定装饰效果。这些装饰可以创建波浪线或点缀线等非标准效果。

使用示例：

body {
  text-decoration: underline;
}

h1 {
  text-decoration: overline red;
}

span {
  text-decoration: line-through green;
}

此示例将为

元素添加红色的上划线以及为 元素添加绿色的删除线。

以上就是CSS text-decoration属性的作用是什么的详细内容，更多请关注慧达安全导航其它相关文章！