web前端踩坑小妹border-radius

在涉及到矩形（div bg）的圆角设置的时候尝试了px和%但是一直达不到效果。
一直以为radius是4个值，结果是8个，分别对应top-left/right，right-top/bottom，bottom-right/left，left-bottom/top。
数值和百分比都可以，可以通用也可以单独定义，大概如下。
mark

border-radius-top-left:20px;
border-radius-left-top:20px；
border-redius-left-bottom:50%;
border-redius-bottom-left:50%;