专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

html中的虚线是怎么做的_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 1:15:47       共计:3618 浏览

html中的虚线是怎么做的?

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

2.看现在效果。

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

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

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

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

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

8.效果明显

9.看下dotted属性效果。

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

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:WkHtmlToPdf在windows环境下怎么用_CSS学习 | ·下一条:fold3金轴版是后改的么_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有