html虚线代码 html虚线代码怎么写

html中的虚线是怎么做的

1.建立一个div标签，然后对他添加修饰，设置宽高、边缘设置以及居中设置

2.看现在效果。

3.如果我们想要将实线变成虚线的 ，我们要修改代码中的border值，在border值属性中有个solid属性，这个就是实体的意思。

4.在border属性中有很多的属性，第一个dashed就是虚线的意思。

5.然后我们将之前的实体改成为dashed虚线值，然后保存。

6.这时候我么就会将之前的实体线变成了虚线框了。

7.如果想要将直角的框变成圆角的或者直接是圆形框，需要调节border-radius属性，也就是圆角值设置。

8.效果明显

9.看下dotted属性效果。

10.将其换成点状态，效果也是虚线状图案。

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; }