HTML用代码制作虚线框方法，网页中想要制作一个虚线圆形，该怎么绘制呢？详细请看下文介绍。
Adobe Dreamweaver CS6 v12.0.0.5808 简体中文绿色版
- 类型：网页设计
- 大小：152MB
- 语言：简体中文
- 时间：2012-06-27
如图，建立一个div标签，然后对他添加修饰，设置宽高、边缘设置以及居中设置
现在效果这样的，如图
如果我们想要将实线变成虚线的 ，我们要修改代码中的border值，在border值属性中有个solid属性，这个就是实体的意思，我们要修改就改动这里
在border属性中有很多的属性，第一个dashed就是虚线的意思
然后我们将之前的实体改成为dashed虚线值，如图，然后保存
这时候我么就会将之前的实体线变成了虚线框了
如果想要将直角的框变成圆角的或者直接是圆形框，需要调节border-radius属性，也就是圆角值设置
如图，效果明显
下面我么看下dotted属性是怎么个效果，这个是点的意思
将其换成点状态，效果也是虚线状图案，如图
以上就是dw制作虚线圆圈的技巧，希望大家喜欢，请继续关注华域联盟。
相关推荐：
dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法
Dw怎么撤销组合键? Dw关闭按control组合键显示新建文档对话框的技巧
本文由 华域联盟 原创撰写：华域联盟 » html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
转载请保留出处和原文链接：https://www.cnhackhy.com/159816.htm
