用CSS曲线底部的div到内部

Question

用CSS曲线底部的div到内部我想用CSS修改这个矩形div / background的底部，所以结果是这样的是否有人有想法如何实现？.curved {   margin: 0 auto;   width: 800px;   height: 500px;   background: lightblue;}<div class="container">   <div class="curved"></div></div>

Answer 1

检查一下。我创建了这个：在伪元素之后。如果背景是纯色可能会有所帮助。

.curved {
  margin: 0 auto;
  width: 300px;
  height: 300px;
  background: lightblue;
  position: relative;}.curved:after{
  background: white;
  position: absolute;
  content: "";
  left:0;
  right:0;
  bottom: -25px;
  height: 50px;
  border-radius: 50% 50% 0 0;}

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