border-radious的具体含义

Question

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得到的真的是符合数学的标准椭圆吗？

Answer 1

border-radius详解