HTML用代码制作虚线框方法，网页中想要制作一个虚线圆形，该怎么绘制呢？详细请看下文介绍。

Adobe Dreamweaver CS6 v12.0.0.5808 简体中文绿色版

• 类型： 网页设计
• 大小： 152MB
• 语言： 简体中文
• 时间： 2012-06-27

查看详情

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

现在效果这样的，如图

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

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

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

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

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

如图，效果明显

下面我么看下 dotted属性是怎么个效果 ，这个是点的意思

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

以上就是dw制作虚线圆圈的技巧，希望大家喜欢，请继续关注脚本之家。

相关推荐：

Dreamweaver2018怎么开启临时文件预览?

dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

Dw怎么撤销组合键? Dw关闭按control组合键显示新建文档对话框的技巧

2019-10-09

2019-09-03

2019-09-03

2019-05-06

2023-03-06

2023-03-03

2023-03-03

2023-02-23

2023-02-22

2023-02-12

2022-11-29

2022-07-02

电脑版 - 返回首页

2006-2023 脚本之家 JB51.Net , All Rights Reserved.
苏ICP备14036222号