首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
勐海网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
方法是将border属性中控制边框形态的的属性值设置为dashed即可。
DW水平线变为虚线分为以下几个步骤：首先打开DW软件，新建一个HTML文档。其次点击“插入”，选择“Table”。然后在table内加入一个内联样式，使用CSS设置器进行设置。
制作虚线表格的的方法：方法一：作一个1X2的图。半黑半白，再利用表格作成线。这种方法固然麻烦，但在任何浏览器中均可浏览，兼容性最好。方法二：在CSS里面设定。
css border 定义和用法css border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。
设置虚线边框。创建标签，然后在这个标签里设置dashed类的样式为虚线边框。css样式代码：.dashed{border-style：dashed；border-width：1px； 保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
1、dashed： 定义一个虚线边框 设置虚线边框。创建 标签，然后在这个标签里设置dashed类的样式为虚线边框。
2、打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
3、border-top：1px #ccc dashed；，只留一条边可见，其它边不可见，虚线的属性是 dashed；\x0d\x0a如果你用hr实现也是可以的，同样也可以在样式里写 dashed属性值；\x0d\x0a这样就实现虚线了。
4、语法：outline-style ： none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit；属性值：●none：默认。定义无轮廓。●dotted：定义点状的轮廓。●dashed：定义虚线轮廓。
5、在正式绘制边框前，我们先认识一下CSS3 border-image-slice 属性，它可以将border-image-source获取的边框背景图片切割为9份。
那就看你要怎么去实现这个虚线了，比如实现虚线的方式有用div，有hr水平线方式。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。
方法一：作一个1X2的图。半黑半白，再利用表格作成线。这种方法虽然麻烦，但在任何浏览器中均可浏览，兼容性最好。方法二：在CSS里面设定。
打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了dashed。创建div代码：div class=dasheddashed： 定义一个虚线边框/div 设置虚线边框。
首先我们先看一下四边都为虚线边框的DIV。
CSS如何将边框设置为虚线： 在默认状态文本框都是实线边框，下面就来介绍一下如何实现虚线边框。
border width height 实现虚线的CSS重点介绍：border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线）：border：1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。
CSS如何将边框设置为虚线： 在默认状态文本框都是实线边框，下面就来介绍一下如何实现虚线边框。
打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
css样式代码：.dashed{border-style：dashed；border-width：1px； 保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。
height： calc(100% - 2px)； width： calc(100% - 2px)； background-color： #fff； }}（视频教程推荐：css视频教程）repeating-linear-gradient135度repeating线性渐变，p撑开高度，白色背景覆盖外层div渐变。