首页 > 代码库 > border-radius四个值的问题

border-radius四个值的问题

我们都知道border-radius后面如果是4个值的话,依次代表的是左上角、右上角、右下角、左下角。

但是这样写呢:border-radius:10px 20px 30px 40px/50px 40px 30px 20px;我就不知道是什么意思了,原来border-radius:10px/20px;是说圆的水平半径是10px,垂直半径是20px,这样子写出来的边框就不是一个圆形的了

那我们来画个椭圆吧

border-radius四个值的问题