css underline

作者：月冷清发布日期:2025-11-15 浏览:60

/* 使用 text-decoration 属性来设置下划线 */
underline-example {
    text-decoration: underline;
}

/* 你可以进一步自定义下划线的样式，例如颜色、粗细和样式 */
.custom-underline {
    text-decoration: underline;
    text-decoration-color: red;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

解释说明：

text-decoration: underline;：这是最基本的 CSS 属性，用于给文本添加下划线。
text-decoration-color: red;：指定下划线的颜色为红色。
text-decoration-thickness: 2px;：设置下划线的粗细为 2 像素。
text-underline-offset: 4px;：设置下划线与文本之间的间距为 4 像素。

这些属性可以帮助你更灵活地控制下划线的外观。

上一篇：css 两行省略号

下一篇：css flex:1