介绍
这篇文章主要介绍css中把正方形变成圆形的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
css中把正方形变成圆形的方法:首先新建一个html示例文件,然后在身体标签中输入div标签,并且给div标签添加一个类名,最后通过添加属性为“border - radius: 150 px”即可把正方形变成圆形。
引用>新建一个将正方形变成圆形。html文件,如图所示:
![]()
输入HTML5的结构代码,将标题标签里面的内容修改成:将正方形变成圆,形如图所示:
![]()
在身体标签中输入div标签,并且给div标签添加一个类名(箱),如图所示:
![]()
给类名(箱)添加css属性,让其变成一个正方形,如图所示:
![]()
添加一个css属性,代码:border - radius: 150 px,如图所示:
![]()
运行网页,可以看到正方形已经变成了圆形,如图所示:
![]()
以上是“css中把正方形变成圆形的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
css中把正方形变成圆形的方法