css 文字加下划线

作者：木の兮发布日期:2025-07-27 浏览:29

/* 以下是一个简单的 CSS 示例，用于给文字添加下划线 */

/* 方法一：使用 text-decoration 属性 */
p.underline {
    text-decoration: underline;
}

/* 方法二：使用 border-bottom 属性（可以自定义下划线样式） */
p.custom-underline {
    border-bottom: 1px solid black;
}

解释说明：

text-decoration: underline;：这是最简单的方法，直接给选中的文本加上下划线。适用于不需要复杂样式的场景。
border-bottom: 1px solid black;：通过设置底部边框来实现下划线效果。你可以根据需要调整边框的粗细、颜色和样式，从而实现更灵活的下划线效果。

如果你只需要基本的下划线效果，推荐使用 text-decoration 属性。如果需要更复杂的样式控制，可以选择 border-bottom。

上一篇：css样式穿透

下一篇：css最后一个元素