欢迎来到科站长!

Dreamweaver教程

当前位置: 主页 > 网页制作 > Dreamweaver教程

html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧

时间:2024-05-08 10:37:36|栏目:Dreamweaver教程|点击:

html用代码制作虚线框怎么做?想要在页面中绘制一个虚线圆形,该怎么制作呢?下面我们就来看看dw制作虚线圆圈的技巧,详细请看下文介绍

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

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

现在效果这样的,如图

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

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

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

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

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

如图,效果明显

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

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

以上就是dw制作虚线圆圈的技巧


上一篇:banner图片上添加左右按钮代码怎么弄? HTML制作banner按钮的技巧

栏    目:Dreamweaver教程

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

本文标题:html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧

本文地址:https://fushidao.cc/wangyezhizuo/329.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2025 科站长 版权所有冀ICP备14023439号