1、定义文字行高 在所在层加背景样式 就是说 虚线 是一个图片 文字文字文字... 做一个和行高相同的图片如：20px 就行了。。
10年的孙吴网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整孙吴建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“孙吴网站设计”,“孙吴网站推广”以来，每个客户项目都认真落实执行。
2、一个是border-bottom： 1px dotted #000； 黑色1像素点边框，这是块级元素 还有一种是缩写，文本，这种是不是常规的CSS样式，而是缩写标签，但可以在内嵌元素上使用，外观是点下划线。
3、通过CSS下划线代码：text-decoration：underline来设置文字下划线。实例演示如下：实例代码如下：此时页面效果如下：修改第1步中的txt样式，加入text-decoration：underline。此时页面效果如下，出现了下划线。
4、定义文字行高 在所在层加背景样式 就是说 虚线 是一个图片 文字文字文字...做一个和行高相同的图片如：20px 就行了。。
5、首先我们先看一下四边都为虚线边框的DIV。
6、打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
CSS如何将边框设置为虚线： 在默认状态文本框都是实线边框，下面就来介绍一下如何实现虚线边框。
我们先来看一下效果：实现代码如下：HTML 测试测试Easy-way通过背景图片实现。
css样式代码：.dashed{border-style：dashed；border-width：1px； 保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：border-bottom：1px dashed #000；这里的意思就是1px宽度的黑色虚线下边框。
column-rule-style 属性规定列之间的样式规则。
1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。
2、首先，打开html编辑器，新建html文件，例如：index.html。
3、画虚线的图，然后插入网页中。缺点是这个虚线不能随意变动大小，因为拉伸图片会产生失真。编程 。缺点，不能改变方向。
4、打开html开发工具，新建一个html代码页面，然后创建一个标签，并给这个标签添加文字和一个class为了dashed。创建代码：dashed： 定义一个虚线边框 设置虚线边框。创建标签，然后在这个标签里设置dashed类的样式为虚线边框。
dashed： 定义一个虚线边框 设置虚线边框。创建 标签，然后在这个标签里设置dashed类的样式为虚线边框。
打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
border-top：1px #ccc dashed；，只留一条边可见，其它边不可见，虚线的属性是 dashed；\x0d\x0a如果你用hr实现也是可以的，同样也可以在样式里写 dashed属性值；\x0d\x0a这样就实现虚线了。
在正式绘制边框前，我们先认识一下CSS3 border-image-slice 属性，它可以将border-image-source获取的边框背景图片切割为9份。
直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：border-bottom：1px dashed #000；这里的意思就是1px宽度的黑色虚线下边框。
注释：Internet Explorer 9 以及更早版本的浏览器不支持 column-rule-style 属性。定义和用法 column-rule-style 属性规定列之间的样式规则。
