面试题：CSS中使用border - radius实现不同圆角效果

Question

请描述如何使用CSS的border - radius属性分别实现矩形四个角不同弧度的圆角边框。假设我们有一个class为.box的div元素，要求左上角圆角半径为10px，右上角圆角半径为20px，右下角圆角半径为30px，左下角圆角半径为40px，写出对应的CSS代码。

Answer 1

.box {
    border-top-left-radius: 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 40px;
}