如何像样本一样创建圆角？

Question

将蓝色部分视为像div这样的容器。我希望像样本一样有圆角。我使用了border-radius属性但无法创建相同的属性。我也搜索了很多，并没有像这样的任何东西。 附：我知道clip-path属性是一个很好的选择，但我希望在浏览器上有更多的支持。

Answer 1

在底角使用border-radius;

const myClass=  require('./testtt');

div {
  width: 100%;
  height: 250px;
  border-radius: 0 0 50% 50%; /* topleft topright bottomright bottomleft */
  background: #f90;
}