1、首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。
创新互联主要从事网站设计制作、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务崇信,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
2、打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了dashed。创建div代码：div class=dasheddashed： 定义一个虚线边框/div 设置虚线边框。
3、可以采用一下两种方法来自动调节栾杜问题。使用百分比来实现自动适应宽度。可以设置宽度的值为百分比，如 width=“80%”；此时宽度就是其父元素的80%宽度。可以采用是js获取屏幕的宽度，以实现宽度随不同分辨率来改变。
4、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
5、首先我们先看一下四边都为虚线边框的DIV。
6、直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：border-bottom：1px dashed #000；这里的意思就是1px宽度的黑色虚线下边框。
1、方法是将border属性中控制边框形态的的属性值设置为dashed即可。
2、我们先来看一下效果：实现代码如下：HTML 测试测试Easy-way通过背景图片实现。
3、css样式代码：.dashed{border-style：dashed；border-width：1px； 保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
4、直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：border-bottom：1px dashed #000；这里的意思就是1px宽度的黑色虚线下边框。
5、column-rule-style 属性规定列之间的样式规则。
6、在html并没有直接定义虚线的标签。这时候就需要使用其他方法得到。 具体方法是：我们知道在html中标签的边框可以设置为虚线。所以可以先创建一个标签： 。
定义文字行高 在所在层加背景样式 就是说 虚线 是一个图片 文字文字文字... 做一个和行高相同的图片如：20px 就行了。。
一个是border-bottom： 1px dotted #000； 黑色1像素点边框，这是块级元素 还有一种是缩写，文本，这种是不是常规的CSS样式，而是缩写标签，但可以在内嵌元素上使用，外观是点下划线。
通过CSS下划线代码：text-decoration：underline来设置文字下划线。实例演示如下：实例代码如下：此时页面效果如下：修改第1步中的txt样式，加入text-decoration：underline。此时页面效果如下，出现了下划线。
