谁知道如何使用 css，实现这样的下圆弧效果？

足够大的圆，或者调调 borderRadius https://9elements.github.io/fancy-border-radius/full-control.html#0.10.0.50-80.90.80.50-.

<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 倍

可以了非常感谢