css中如何把正方形变成圆形?
在css中,可以使用border-radius属性来将正方形变成圆形。
在日常项目过程中,border-radius这个属性算是非常常用的属性之一了,通过设置元素的border-radius值,可以轻松给元素设置圆角边框,甚至实现绘制圆、半圆、四分之一的圆等各种圆角图形。
下面具体给大家介绍一下。
新建一个html 文件,在body标签中输入div标签,并且给div标签添加一个类名(box),如图所示:
给类名(box)添加CSS属性,让其变成一个正方形,如图所示:
添加一个CSS属性,代码:border-radius:150px,如图所示:
运行网页,可以看到正方形已经变成了圆形,如图所示:
更多web前端自学知识,请查阅 HTML中文网 !!