这种底部 圆弧效果 CSS 怎么写！求教

border-radius

background-bottmo-radius:

这个要用两个DIV定位遮挡吧

<div style="width:600px;height:200px;background-color:black;">
</div>
<div style="position: relative;width: 600px;height: 100px;border-top-left-radius: 200%;border-top-right-radius: 200%;z-index: 1;top: -45px;background: white;"></div>
唯一的缺点就是底部有多出50px的留白，不知道有没更好的方法？

当初我连三角形都想不明白，今天你竟然问我圆