关于CSS圆弧角百分比形式

如果属性border-radius:50%, 采用类似的百分比的形式, 则是分别按照长和宽的像素乘以百分比

 

例如:

div{
    width:200px;
    height:100px;
    border-radius:50%
}

等价于

div{
    width:200px;
    height:100px;
    border-radius:100px/50px;
}

就变成了椭圆说明代码

说明代码