css 下划线

作者：萫蕉姺森う发布日期:2026-03-12 浏览:118

/* 下划线样式示例 */

/* 基本下划线 */
a {
  text-decoration: underline;
}

/* 下划线颜色和样式 */
p {
  text-decoration: underline wavy red;
}

/* 移除下划线 */
.no-underline {
  text-decoration: none;
}

/* 下划线与悬停效果结合 */
a:hover {
  text-decoration: underline;
}

解释说明：

基本下划线：通过 text-decoration: underline; 可以为文本添加一条简单的下划线。
下划线颜色和样式：可以使用 text-decoration 属性指定下划线的样式（如波浪线 wavy）和颜色（如红色 red）。
移除下划线：使用 text-decoration: none; 可以移除默认的下划线，常用于链接 (<a> 标签)。
下划线与悬停效果结合：通过 :hover 伪类，可以在鼠标悬停时动态添加下划线。

上一篇：css border

下一篇：css position