css下划线怎么变成虚线

CSS中下划线样式可以通过text-decoration属性来设置，而虚线则需要使用border-bottom属性来实现。

/*设置下划线为实线样式*/
.text-underline{
    text-decoration: underline;
}

/*设置下划线为虚线样式*/
.text-dotted{
    border-bottom: 1px dotted;
} 

在上面的代码中，我们首先将下划线设置为实线样式，然后设置下划线为虚线样式时，使用了border-bottom属性，并将其样式设置为1像素宽度、虚线样式。

虚线样式有多种，包括dotted、dashed、double等，可以根据需求进行选择。