左半径和右半径在水平方向上 的值应该均为 50%。 再看看垂直方向,似乎顶部的两个圆角占据了整个元素的高度,而 且底部完全没有任何圆角。因此,在垂直方向上 border-radius 的 合理值似乎就是 100% 100% 0 0
.box{
width: 200px;
height: 100px;
background-color: black;
margin: 100px auto;
border-radius: 50% / 100% 100% 0 0;
}
.box{
width: 200px;
height: 100px;
background-color: black;
margin: 100px auto;
border-radius: 100% 0 0 100% / 50%;
}