📅  最后修改于: 2023-12-03 14:40:18.806000             🧑  作者: Mango
text-decoration-line
属性用于设置文本装饰线的样式。文本装饰线是指对文本进行下划线、删除线、上划线等样式的修饰。
text-decoration-line: none | underline | overline | line-through | blink;
none
:无装饰线。underline
:添加下划线。overline
:添加上划线。line-through
:添加删除线。blink
:让文本闪烁(并不常见,不被所有浏览器支持)。/* 给链接添加下划线 */
a {
text-decoration-line: underline;
}
/* 给段落添加删除线 */
p {
text-decoration-line: line-through;
}
/* 给标题添加上划线和闪烁效果 */
h1 {
text-decoration-line: overline blink;
}
text-decoration-line
属性只能设置一个装饰线样式,如果需要同时使用多个装饰线样式,可以使用 text-decoration
属性。text-decoration-line
属性的浏览器兼容性如下: