Html CSS、SASS-div底部的细微曲线

我试图在我的

下面是一个我试图实现的示例图像

我试图通过这样做来实现它：

section.box{
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
}

这就是我得到的

我能做些什么来改变这个

更新 我尝试过的：

.box{
高度：300px；
背景色：白色；
}
.圆底{
背景颜色：粉红色；
高度：200px；
边界左下半径：50%；
边框右下半径：50%；
}

---

使用椭圆边框来

边框半径

您可以了解更多信息，请参考此

#rcornors9{
边界左下半径：95%65%；
边界右下半径：95%65%；
背景:#FF3352；
填充：20px；
宽度：100%；
高度：10px；
盒影：1px-5px22px；
}

---

您可以通过调整CSS规则中的边界半径来实现这一点，如：

  border-radius: 0 0 100% 100%  /100%;

通过添加阴影，如：

  box-shadow: 1px -3px 22px 0px;

希望这有帮助


正文{
边际：0px；
}
分区箱{
高度：50px；
宽度：100%；
背景色：#ea3e5e；
边界半径：0 100%100%/100%；
盒影：1px-3px22px 0px；
}
你能用代码片段把你的代码放进去吗