CSS下划线是我们在网页中非常常见的一种文本修饰方式，但是你知道下划线的粗细是可以调整的吗？接下来，我们就一起来学习一下如何通过CSS来调整下划线的粗细吧！

.text{
text-decoration: underline;
/*下划线宽度*/
border-bottom: 2px solid red;
}

在CSS中，下划线的宽度可以通过border-bottom属性来调整，我们可以将其设置为一个实线或者虚线，同时还可以设置其宽度以及颜色等属性。如上面的代码所示，我们可以将文本的下划线宽度设置为2px，并且将其颜色设置为红色。

另外，还有一种方法可以调整下划线的粗细，那就是使用伪元素::after来实现。我们可以针对某一个元素设置after伪元素，并且通过CSS来定义其宽度、样式、颜色等属性来实现下划线效果。如下面的代码所示：

.text::after{
content: "";
/*下划线宽度*/
border-bottom: 2px solid red;
/*下划线位置*/
width: 100%;
position: absolute;
bottom: 0;
}

通过这种方法，我们可以将下划线的宽度设置为2px，并且将其颜色设置为红色，而下划线的位置是通过position属性来控制的。这种方法可以使下划线更加灵活，可以在各种情况下进行调整。

总之，通过以上两种方式，我们可以轻松地调整下划线的粗细，使其更加符合网页设计的需要。同时，我们还需要根据不同的情况来灵活运用这些方法，让我们的网页更加美观。