如果您希望所有圆角都看起来相同,可以在斜杠中间使用两个值,或者您可以为单个圆角使用选择器,并使用没有斜杠的两个值,以获得每个角独立的结果,例如border-top-left-radius: 45px 80px;
这里有三个示例(我添加了一个对称的示例,类似于您问题中的示例):
.x {
width: 300px;
height: 200px;
border: 2px solid green;
border-radius: 45px / 80px;
}
.y {
width: 300px;
height: 200px;
margin-top: 30px;
border: 2px solid red;
border-top-left-radius: 45px 80px;
border-top-right-radius: 125px 60px;
}
.z {
width: 300px;
height: 100px;
margin-top: 30px;
border: 2px solid blue;
border-top-left-radius: 80px 65px;
border-bottom-left-radius: 80px 65px;
border-top-right-radius: 80px 65px;
border-bottom-right-radius: 80px 65px;
}
<div class="x"></div>
<div class="y"></div>
<div class="z"></div>