``````css.underline{width:100px;height:30px;}```2.使用::after伪元素添加下划线样式，例如：```css.underline::after{content:;display:block;border-bottom:1pxsolid000;}```3.使用::before伪元素添加虚线样式，例如：```css.underline::before{content:;display:block;width:100%;height:0;border-bottom:1pxdashed000;}```二、使用text-decoration-style属性来设置虚线样式我们还可以通过text-decoration-style属性来直接为文本添加虚线样式。1.给文本添加样式，例如：```css.text{text-decoration:underlinedashed;}```2.属性值可以是solid、double、dotted、dashed等值，各自代表实线、双线、点线、虚线等样式。三、通过border-bottom-style属性来设置下划线样式一样地，我们也能够通过border-bottom-style属性来为元素添加下划线样式。1.创建元素并添加样式，例如：```css.underline2{border-bottom:1pxsolid000;}```2.属性值可以是solid、double、dotted、dashed等值，各自代表实线、双线、点线、虚线等样式。总结在CSS中添加虚线下划线样式有多种方法，具体选择何种方法取决于需求和文本的布局方式。以上三种方式是常见的做法，在进行样式设置时请注意语法和浏览器兼容性。

桂.哥.网.络www.guIgege.cn