css实现下圆弧效果

方法一：

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">0% 0% 50% 50% / 0% 0% 10% 10%</font></font>

方法二：

https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

border-radius: 50% / 10%;
border-top-left-radius:0;
border-top-right-radius:0;

圆的宽度用屏幕宽度的 4~6 倍