css下划线打出来是虚线

CSS下划线虚线怎么打出来呢？我们平时在做网页里面肯定会用到下划线，但是默认的下划线都是实线，而有时候我们希望使用虚线效果，该怎么实现呢？

.text{
   text-decoration:underline;
   border-bottom:1px dashed #000;
} 

上面这段CSS代码就可以实现下划线虚线效果了。

实现原理其实很简单，我们可以通过CSS中的text-decoration属性将下划线打上去，然后再通过border-bottom属性来设置下划线的颜色和线型，从而实现下划线虚线效果。

以上就是CSS下划线虚线的实现方法，希望您能掌握并应用到实际的网页制作中。