大家好,如图这样的下圆弧效果是怎么做出来的呢? CSS 还是图片呢?
1
iMusic 325 天前
足够大的圆,或者调调 borderRadius https://9elements.github.io/fancy-border-radius/full-control.html#0.10.0.50-80.90.80.50-.
|
2
1145148964 325 天前
<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 325 天前
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 325 天前
圆的宽度用屏幕宽度的 4~6 倍
|
7
atfeel OP |