CSS text-decoration属性的作用是什么-css教程-PHP中文网

CSS text-decoration属性的作用是什么

煙雲

发布： 2024-11-29 08:12:17

原创

887人浏览过

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

CSS text-decoration属性的作用是什么

CSS text-decoration 属性的作用

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

<code>text-decoration: <value>;</code>

登录后复制

可用的值包括：

详细说明：

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

一键操作，智能生成专业级PPT

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

使用示例：

<code>body {
  text-decoration: underline;
}

h1 {
  text-decoration: overline red;
}

span {
  text-decoration: line-through green;
}</code>

登录后复制

此示例将为 <body> 元素添加下划线、为 <h1> 元素添加红色的上划线以及为 <span> 元素添加绿色的删除线。

以上就是CSS text-decoration属性的作用是什么的详细内容，更多请关注php中文网其它相关文章！

大家都在看：