border-radius 设置div为圆形 圆角

 

（1）设置宽高  ，如下图效果

 

 

 

 

 

 （2）圆形 ：宽高设一致 ， 设置border-radius ：50% ，

　　　圆角：宽高不一致 ，设置border-radius ： div 高度值

<div id="radius"></div>
<div id="yuanjiao"></div>

    #radius {
                width: 50px;
                height: 50px;
                background-color: brown;
                margin-bottom: 20px;
                border-radius: 50%;     //设置圆形
            }
            #yuanjiao{
                    width: 100px;
                    height: 50px;
                    border-radius:50px;     //设置圆角
                    background-color: darkgoldenrod;
            }