CSS中的划线是一种文本装饰属性,用于在文本下方添加水平线,通过text-decoration属性设置,可选值有none(无划线)、underline(下划线)和line-through(删除线);此外,text-decoration属性还支持overline(上划线)、blink(闪烁,不推荐使用)和wavy(波浪线,不支持所有浏览器)。

CSS 中的划线
在 CSS 中,划线是指给文本添加一条水平线。它是一种文本装饰属性,可以应用于 HTML 元素中的文本。
如何使用划线
在 CSS 中,使用 text-decoration 属性来设置划线。该属性的值可以是以下三个值之一:
立即学习“前端免费学习笔记(深入)”;
-
none:不添加任何划线。 -
underline:添加一条水平划线。 -
line-through:添加一条穿过文本的水平线。
例如,要为 HTML 元素中的文本添加一条水平划线,可以使用以下 CSS 代码:
element {
text-decoration: underline;
}其他划线属性
除了上述三个值外,text-decoration 属性还支持以下附加属性:
-
overline:添加一条水平线在文本的上方。 -
blink:使文本闪烁(不推荐使用)。 -
wavy:使文本呈现波浪线(在所有浏览器中不受支持)。
示例
以下是一个使用不同划线属性的代码示例:
p {
text-decoration: underline;
}
h1 {
text-decoration: line-through;
}
span {
text-decoration: overline;
}在上面的示例中,段落 (p) 文本将会有下划线,标题 1 (h1) 文本将会有删除线,跨度 (span) 文本将会有上划线。










