html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
时间:2023-11-06 20:27:21人气:15次 栏目:开发工具
【导读】:四眼客目录在线提供,html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧开发工具爱好者免费阅读。本文地址:http://www.ooooke.com/soft/162.html
HTML用代码制作虚线框方法,网页中想要制作一个虚线圆形,该怎么绘制呢?详细请看下文介绍。
Adobe Dreamweaver CS6 v12.0.0.5808 简体中文绿色版
- 类型:网页设计
- 大小:152MB
- 语言:简体中文
- 时间:2012-06-27
如图,建立一个div标签,然后对他添加修饰,设置宽高、边缘设置以及居中设置
现在效果这样的,如图
如果我们想要将实线变成虚线的 ,我们要修改代码中的border值,在border值属性中有个solid属性,这个就是实体的意思,我们要修改就改动这里
在border属性中有很多的属性,第一个dashed就是虚线的意思
然后我们将之前的实体改成为dashed虚线值,如图,然后保存
这时候我么就会将之前的实体线变成了虚线框了
如果想要将直角的框变成圆角的或者直接是圆形框,需要调节border-radius属性,也就是圆角值设置
如图,效果明显
下面我么看下dotted属性是怎么个效果,这个是点的意思
将其换成点状态,效果也是虚线状图案,如图
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章来源:本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。