CSSを使用してdivの下部を内側にカールさせます

Question

CSS を使用してこの長方形の div/背景の下端を曲げたいので、結果は次のようになります。

実装方法を知っている人はいますか?

.curved {
  マージン: 0 自動;
  高さ: 400ピクセル;
  背景: ライトブルー;
  境界半径:0 0 200ピクセル 200ピクセル;
}

<div class="container">
  <div class="curved"></div>
</div>

Answer 1

＃＃＃チェック。 :after疑似要素を使用してこれを作成しました。背景が単色だと役に立ちます。

リーリー リーリー

Answer 2

border-radius を使用し、オーバーフローを利用してください。余分なマークアップを避けるために疑似要素を検討することもできます:

リーリー リーリー