css 划线

作者：我愿等你贰年〃发布日期:2026-03-07 浏览:45

/* 使用 text-decoration 属性实现划线效果 */

/* 下划线 */
.text-underline {
    text-decoration: underline;
}

/* 上划线 */
.text-overline {
    text-decoration: overline;
}

/* 删除线 */
.text-line-through {
    text-decoration: line-through;
}

/* 同时使用多种划线效果 */
.text-multiple-lines {
    text-decoration: overline underline line-through;
}

解释说明：

text-decoration 属性：用于设置或检索文本的装饰效果，如下划线、上划线和删除线。
text-underline：对文本添加下划线效果。
text-overline：对文本添加上划线效果。
text-line-through：对文本添加删除线效果。
text-multiple-lines：可以同时应用多种划线效果。

上一篇：css div不换行

下一篇：css设置背景颜色透明度