html怎么把正方形改成圆形,css怎样让div变成圆的？

css将div的border-radius属性设置为50%即可将div设置为圆的。这个属性允许你为元素添加圆角边框，圆角的半径不能超过宽/高的一半。

圆角边框可以使用百分比作为单位，比如：将一个正方形的圆角边框设置为50%，那么就会形成一个圆，不过使用百分比与像素并不能等效。

注意：百分比大于50%后，形状就不会再变化了，圆角的半径不能超过宽/高的一半

例子：

css部分：.box1{

width:200px;

height:200px;

margin: 30px auto;

border: 2px solid #e4007e;

text-align: center;

line-height: 200px;

font-weight: bold;

font-size: 24px;

background: burlywood;

border-radius: 50%;//圆角百分比

}

html部分：

这是一个圆

效果如图:

border-radius 属性：

border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性

提示： 这个属性允许你为元素添加圆角边框！

注意: 每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。

属性值：ength 定义弯道的形状。

% 使用%定义角落的形状。