image.png 左半径和右半径在水平方向上 的值应该均为 50%。 „ 再看看垂直方向,似乎顶部的两个圆角占据了整个元素的高度,而 且底部完全没有任何圆角。因此,在垂直方向上 border-radius 的 合理值似乎就是 100% 100% 0 0

    1. .box{
    2. width: 200px;
    3. height: 100px;
    4. background-color: black;
    5. margin: 100px auto;
    6. border-radius: 50% / 100% 100% 0 0;
    7. }

    image.png

    1. .box{
    2. width: 200px;
    3. height: 100px;
    4. background-color: black;
    5. margin: 100px auto;
    6. border-radius: 100% 0 0 100% / 50%;
    7. }