左右圆的边框半径，宽度和高度不等且高度可变

Question

这就是我想要实现的目标：

由于宽度和高度不相等，设置border-radius:50%给出了一个椭圆形，这不是我想要实现的。如果高度固定，则给出固定大小（如border-radius:20px）会起作用，但如何才能使其在可变高度下工作？

Answer 1

将 border-radius 设置为更高的值：

border-radius: 9999px;