css下划线

作者：穹上之月发布日期:2025-08-13 浏览:53

/* 使用 text-decoration 属性添加下划线 */
a {
  text-decoration: underline;
}

/* 或者使用 border-bottom 模拟下划线效果 */
p {
  border-bottom: 1px solid black;
  padding-bottom: 2px; /* 防止文本和下划线太贴近 */
}

解释说明：

text-decoration: underline;：这是最简单的方式，直接给元素添加下划线。适用于链接 (<a>) 等元素。
border-bottom：通过设置底部边框来模拟下划线效果，适合需要更灵活控制的情况（如调整下划线的颜色、粗细等）。

上一篇：css动画

下一篇：css字体加粗