大家好,如图这样的下圆弧效果是怎么做出来的呢? CSS 还是图片呢?
1
iMusic 2023-06-14 19:59:16 +08:00
足够大的圆,或者调调 borderRadius https://9elements.github.io/fancy-border-radius/full-control.html#0.10.0.50-80.90.80.50-.
|
2
1145148964 2023-06-14 20:02:53 +08:00
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">0% 0% 50% 50% / 0% 0% 10% 10%</font></font>
|
3
atfeel OP 厉害啊,哥哥
|
4
LeegoYih 2023-06-14 20:03:33 +08:00
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; |
5
atfeel OP 不过,如果是固定的尺寸能用这个方法,似乎对于不同的手机分辨率,就行不通了
|
6
learnshare 2023-06-14 20:19:43 +08:00
圆的宽度用屏幕宽度的 4~6 倍
|
7
atfeel OP |