如何使用 CSS 在 DIV 中創建彎曲的底邊？

使用CSS 在DIV 中建立彎曲底部邊緣

要在矩形div 上實現所需的彎曲底部邊緣，請按照下列步驟操作：

使用border-radius

border-radius 屬性可以建立圓角。透過為頂角和底角指定不同的半徑值，您可以建立彎曲的底邊。

.curved {
  margin: 0 auto;
  height: 400px;
  background: lightblue;
  border-radius: 0 0 200px 200px;  
}

使用徑向漸層

如果您喜歡透明彎曲形狀，您可以使用徑向漸層：

body {
  background: pink;
}

.container {
  margin: 0 auto;
  width: 500px;
  height: 200px;
  background: radial-gradient(110% 50% at bottom, transparent 50%, lightblue 51%);
}

這些方法提供了兩種不同的方式來實現所需的彎曲底部邊緣，讓您自訂效果以滿足您的設計需求。

以上是如何使用 CSS 在 DIV 中創建彎曲的底邊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！