css只定义下划线 |css3图片旋转切换

.text-underline {
text-decoration: underline;
}

上面这段代码是一个简单的例子，可以创建只包含下划线的CSS样式。大家只需要定义一个类名（.text-underline），并将CSS属性text-decoration设置为underline即可。

还可以对下划线进行更多的自定义。下面的代码展示了如何创建带有颜色和粗细的下划线：

.text-underline {
text-decoration: underline;
text-decoration-color: blue;
text-decoration-thickness: 1.5px;
}

在这个例子中，大家首先使用text-decoration属性来创建下划线。然后，大家使用text-decoration-color属性来将下划线设置为蓝色，使用text-decoration-thickness属性来设置下划线的粗细程度。大家还可以使用其他的text-decoration属性来进一步自定义下划线的样式，例如text-decoration-style属性用于设置下划线的类型、text-underline-position属性用于设置下划线的位置等。

在结尾处，大家需要注意一点：有时候，大家可能想在文字周围添加下划线，而不仅仅是在文字下方添加下划线。为此，大家可以将text-underline-position属性设置为under left或under right等。这将使下划线出现在文本的左侧或右侧，而不是在下方。