.box { width: 200px; height: 100px; border-radius: 100px / 50px; }
上面的代码中,border-radius属性的值分别是100px和50px,表示上下方向的圆角弧度为100px,左右方向的圆角弧度为50px,箱子就会变成一个椭圆形。
首页 >
.box { width: 200px; height: 100px; border-radius: 100px / 50px; }
上面的代码中,border-radius属性的值分别是100px和50px,表示上下方向的圆角弧度为100px,左右方向的圆角弧度为50px,箱子就会变成一个椭圆形。