[分享]css中如何添加小划线

在 CSS 中添加小划线可以为网页添加细节和美感。小划线可以放置在文本的上方、下方或中间。下面我们将介绍如何在 CSS 中添加小划线。 添加下划线 要添加下划线，需要使用 textdecoration...

在 CSS 中添加小划线可以为网页添加细节和美感。小划线可以放置在文本的上方、下方或中间。下面我们将介绍如何在 CSS 中添加小划线。 添加下划线 要添加下划线，需要使用 text-decoration 属性。将该属性设置为 “underline” 就可以了。例如： p { text-decoration: underline; } 这将为所有的段落添加下划线。如果你只想针对某个文本添加下划线，可以在 HTML 中使用 span 标记，然后将其样式设置为下划线。例如：

这是一段普通文本，这里的文本要加下划线。

.underline { text-decoration: underline; } 这将只为带有 class 为 “underline” 的 span 标记添加下划线。 添加上划线和中划线 要添加上划线和中划线，需要使用 border-top 和 border-bottom 属性。例如，要添加上划线： p { border-top: 1px solid black; } 这将为所有的段落添加一个 1 像素的黑色实线作为上划线。你还可以使用不同的颜色和线型。例如： p { border-top: 2px dashed red; } 这将为所有的段落添加一个 2 像素的红色虚线作为上划线。 要添加中划线，使用 border-bottom 属性即可。例如： p { border-bottom: 1px solid black; } 这将为所有的段落添加一个 1 像素的黑色实线作为中划线。同样，你可以使用不同的颜色和线型。 在以上代码中，我们可以使用 pre 标记来突出显示 CSS 代码。例如：

p {
  text-decoration: underline;
}

.underline {
  text-decoration: underline;
}

p {
  border-top: 2px dashed red;
}

p {
  border-bottom: 1px solid black;
} 

这将使 CSS 代码易于阅读和理解。