css文字加下划线

作者：续写丶未来式发布日期:2025-07-04 浏览:72

/* 示例代码：为文字添加下划线 */

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

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

解释说明：

text-decoration: underline;
这是最简单的加下划线的方式，适用于大多数情况。它会直接在文本下方添加一条默认样式的下划线。
border-bottom: 1px solid black;
使用 border-bottom 可以更灵活地控制下划线的样式，比如你可以调整线条的粗细、颜色或样式（虚线、双线等）。

上一篇：css缩进

下一篇：css blur