html中的虚线是怎么做的？
1.建立一个div标签，然后对他添加修饰，设置宽高、边缘设置以及居中设置
2.看现在效果。
3.如果我们想要将实线变成虚线的 ，我们要修改代码中的border值，在border值属性中有个solid属性，这个就是实体的意思。
4.在border属性中有很多的属性，第一个dashed就是虚线的意思。
5.然后我们将之前的实体改成为dashed虚线值，然后保存。
6.这时候我么就会将之前的实体线变成了虚线框了。
7.如果想要将直角的框变成圆角的或者直接是圆形框，需要调节border-radius属性，也就是圆角值设置。
8.效果明显
9.看下dotted属性效果。
10.将其换成点状态，效果也是虚线状图案。
html中虚线边框怎么设置？
html中虚线边框的设置可以通过css的border属性设置，border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线）
border:1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色，最主要的是关键字dashed
html怎么实现竖直的边框虚线？
用一个div设置他的高度，width等于1，用border、background都可以给它设置颜色，它就是一条直线了。 具体实现方法操作如下： 工具原料：编辑器、浏览器； 方法1、可以给一个一定宽度的元素设置一个border-bottom属性，让其只有一个底边框，进而实现一条线的效果，代码如下：
#div1{ margin-top: 100px; width: 900px; border-bottom: 1px solid #000000; } 方法2、使用hr标签实现画一条线，代码如下： float #div1{ width: 500px; border-bottom: 1px solid red; }
如何用css定义虚线间隔？
在正式绘制边框前，我们先认识一下CSS3 border-image-slice 属性，它可以将border-image-source获取的边框背景图片切割为9份。语法如下：
border-image:border-image-source slice-width{1,4}
slice-width的值可以是具体像素，也可以是百分比。切割后的图片块分别是
border-top-left-image border-top-image border-top-right-image
border-left-image border-right-image
border-bottom-left-image border-bottom-image border-bottom-right-image
其中，border-top-image和border-bottom-image区域受到水平方向效果影响，如果是repeat则此区域图片会水平重复，如果是round则会水平平铺，责任stretch则被水平拉升。而我们设置虚线，则选择repeat/round都可以。