css如何让div成圆的

在css中，可以使用border-radius属性将div设置为 圆 的，只需要给div元素添加“border-radius:50%”样式即可。这个属性允许你为元素添加圆角边框，圆角的 半 径不能超过 宽 /高的一半。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

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

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

例子：

css部分：

.box1{
width:200px;
h ei ght:200px;
m arg in: 30px auto;
border: 2px solid  # e4007e;
text-align:  center ;
line-height: 200px;
 font-weight : bold;
font- Size:  24px;
background: burlywood;
border-radius: 50%;//圆角百分比
}

html部分：

<div class="box1">这是一个圆</div>

效果如图:

推荐学习：css视频教程

以上就是css如何让div成圆的的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css如何让div成圆的 全部内容，希望文章能够帮你解决 css如何让div成圆的 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css如何让div成圆的的详细内容...