边界半径左右不等的宽度和高度，可变高度

Question

这就是我想要实现：

宽度和高度是不相等的设置border-radius:50%给出了一个椭圆形这不是我想要达到的目标。 给定尺寸（如border-radius:20px）会工作，如果高度是固定的，但我怎样才能得到这个工作与变高度？

Answer 1

组边框半径为较高的值：

border-radius: 9999px; 

Answer 2

只需设置边界半径360像素或更高：

div { 
 
     height:80px; 
 
     width:400px; 
 
     border-radius:360px; 
 
     border:2px solid #333; 
 
    }

<div> 
 
</div>

这样，你将永远有完美的圆角。

来源：link