css画一个同心圆。
.concentric_circle{
width: 100px;
height: 100px;
background: red;
border-radius:100px;
border:20px solid yellow;
}
在border-radius>=100px和border<=50px时,都是给规则的同心圆。达达们请解释一下为什么会是同心圆?
同样,css画椭圆
.oval{
width:200px;
height:100px;
border-radius: 100px / 50px; /*水平半径 垂直半径*/
}
100px/50px得到的真的是符合数学的标准椭圆吗?
border-radius详解