大家好，如图这样的下圆弧效果是怎么做出来的呢？ CSS 还是图片呢？
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
This topic created in 1078 days ago, the information mentioned may be changed or developed.
 |
1
MzM2ODkx Jun 14, 2023
足够大的圆，或者调调 borderRadius https://9elements.github.io/fancy-border-radius/full-control.html#0.10.0.50-80.90.80.50-.
|
 |
2
1145148964 Jun 14, 2023
<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 Jun 14, 2023
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 Jun 14, 2023
圆的宽度用屏幕宽度的 4~6 倍
|
|
7
atfeel OP  可以了非常感谢 |
Select Language