时间:2022-12-06来源:www.pcxitongcheng.com作者:电脑系统城
如图,建立一个div标签,然后对他添加修饰,设置宽高、边缘设置以及居中设置
现在效果这样的,如图
如果我们想要将实线变成虚线的 ,我们要修改代码中的border值,在border值属性中有个solid属性,这个就是实体的意思,我们要修改就改动这里
在border属性中有很多的属性,第一个dashed就是虚线的意思
然后我们将之前的实体改成为dashed虚线值,如图,然后保存
这时候我么就会将之前的实体线变成了虚线框了
如果想要将直角的框变成圆角的或者直接是圆形框,需要调节border-radius属性,也就是圆角值设置
如图,效果明显
下面我么看下dotted属性是怎么个效果,这个是点的意思
将其换成点状态,效果也是虚线状图案,如图
以上就是dw制作虚线圆圈的技巧,希望大家喜欢。
2023-03-06
html中ul和li标签的用法详解2023-03-06
dw调节一个角的角度代码技巧 HTML怎么角度代码调节一个角的角度?2022-09-12
HTML静态页面获取url参数和UserAgent的实现web应用开发使用svg图片,总结了下,可以有如下4种方式: 1. 直接插入页面。 2. img标签引入。 3. css引入。 4. object标签引入。...
2022-09-12
主要介绍了巧用 -webkit-box-reflect 倒影实现各类动效(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值...
2021-04-22