創建一個曲線底部的div？

Question

如何僅使用HTML/CSS製作div曲線的頂部/底部？我看到了this StackOverflow的問題，但我更喜歡Hack@Brown's website上的彎曲邊，而不僅僅是具有邊界底部半徑的div。

Answer 1

你好你可以試試這些代碼

div{ 
background-color:black; 
width:500px; 
height:50px; 
border-bottom-left-radius:50%; 
border-bottom-right-radius:50%; 
} 

Demo 和

div{ 
background-color: black; 
width: 500px; 
height: 200px; 
border-radius: 0 0 50% 50%/15%; 
} 

Demo

之一，只要你喜歡