本篇内容主要讲解“css怎么让div成圆的”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css怎么让div成圆的”吧!

成都创新互联成都企业网站建设服务，提供网站设计制作、成都做网站网站开发,网站定制,建网站,网站搭建,网站设计,成都响应式网站建设,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:18982081108

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

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

圆角边框可以使用百分比作为单位，比如：将一个正方形的圆角边框设置为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部分：

这是一个圆