Html 我可以在CSS中创建底部弯曲的div吗？

是否可以在css中创建到div底部的完整曲线
曲线应在父元素的边界处停止

我试过：

边界半径：050%50%/50px，但它给出了一个奇怪的结局

这是我的html（标题应该有一个弯曲的底部）：


送给它
你在这里过得好吗？

你是不是最好的朋友？

Ga dan naar onze Cadeau规划师



提前谢谢
 您可以这样做：

.home__header {
  background-color: teal;
  border-bottom-left-radius:100%;
  border-bottom-right-radius:100%;
  width: 250px;
}

欢迎使用Stack Overflow uu请运行SO搜索，查找与您类似的问题，因为有很多问题可能会有所帮助uu包括这一个>>>
.home__header {
  background-color: teal;
  border-bottom-left-radius:100%;
  border-bottom-right-radius:100%;
  width: 250px;
}