css text-decoration 属性用来为文本添加装饰,包括:none:移除所有装饰。underline:添加下划线。overline:添加上划线。line-through:添加删除线。: 自定义装饰,例如波浪线或点缀。
css text-decoration 属性的作用
CSS text-decoration 属性用于设置文本元素上各种装饰效果,包括下划线、删除线和上划线。其语法如下:
text-decoration: <value>;
可用的值包括:
- 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; }
此示例将为
元素添加下划线、为