border-radiud 设置div为原型 圆角

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

 1     #radius {
 2                 width: 50px;
 3                 height: 50px;
 4                 background-color: brown;
 5                 margin-bottom: 20px;
 6                 border-radius: 50%;     //设置圆形
 7             }
 8             #yuanjiao{
 9                     width: 100px;
10                     height: 50px;
11                     border-radius:50px;     //设置圆角
12                     background-color: darkgoldenrod;
13             }