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;
            }