如何使用CSS创建此形状？

问题描述：

这不能使用border-radius（据我所知）来实现。

观测数据：这不是一个椭圆形，在这太问题讨论：How to give a div oval shape?

为什么你不能使用边界半径？ – Chrillewoodz

@Chrillewoodz他可以，它只是不会产生预期的结果。 –

@哈利是的，这是一个骗局。 – nicael

答

简单的答案是 - “你不能不过，也有办法做到这一点。”

您可以尝试使用Mozilla Borders生成器等工具，该工具将输出所有主流浏览器支持的高级版本的border radius语法。：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator

如果不够漂亮，你可能想使用剪辑路径与背景色一起选择。有关这方面的更多信息可以发现here但我想提醒你，不幸的是，它不支持所有的浏览器。使用剪辑路径，您甚至可以绘制SVG并将其用作蒙版。

我已经发现，面膜也可以使用，所以你可以检查出this

第三种选择是使用背景图片...