HTML用代码制作虚线框方法
1、如图,建立一个div标签,然后对他添加修饰,设置宽高、边缘设置以及居中设置
2、现在效果这样的,如图
3、如果我们想要将实线变成虚线的 ,我们要彭榧逡钚修改代码中的border值,在border值属性中有个solid属性,这个就是实体的意思,我们要修改就改动这里
4、在border属性中有很多的属性,第一个dashed就是虚线的意思
5、然后我们将之前的实体改成为dashed虚线值,如图,然后保存
6、这时候我么就会将之前的实体线变成了虚线框了
7、如果想要将直角的框变成圆角的或者直接是圆形框,需要调节border-radius属性,也就是圆角值设置
8、如图,效果明显
9、下面我么看下dotted属性是怎么个效果,这个是点的意思
10、将其换成点状态,效果也是虚线状图案,如图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:76
阅读量:87
阅读量:69
阅读量:50
阅读量:81