如何使用CSS创建此形状?

如何使用CSS创建此形状?,css,Css,我需要创建此形状: 这不能通过使用边界半径来实现(据我所知) Obs:这不是一个椭圆形,正如在这个问题中所讨论的:简单的答案是:“你不能。但是,有办法做到。” 您可以尝试使用类似Mozilla Borders generator的工具,该工具将输出所有主要浏览器都支持的border radius语法的高级版本 或 如果不够漂亮,您可能希望将剪辑路径与背景色结合使用。关于这方面的更多信息可以找到,但我想提醒您,不幸的是,并非所有浏览器都支持它。使用剪辑路径,您甚至可以绘制SVG并将其用作遮罩

我需要创建此形状:

这不能通过使用
边界半径来实现(据我所知)

Obs:这不是一个椭圆形,正如在这个问题中所讨论的:

简单的答案是:“你不能。但是,有办法做到。”

您可以尝试使用类似Mozilla Borders generator的工具,该工具将输出所有主要浏览器都支持的border radius语法的高级版本

如果不够漂亮,您可能希望将剪辑路径与背景色结合使用。关于这方面的更多信息可以找到,但我想提醒您,不幸的是,并非所有浏览器都支持它。使用剪辑路径,您甚至可以绘制SVG并将其用作遮罩

我发现面具也可以用,所以你可以去看看


第三种选择是使用背景图像…

为什么不能使用边界半径?@Chrillewoodz他可以,但它不会产生想要的结果。@Harry是的,它是一个dupe.mb,不是。如何以不同的方式创建此形状?)@哈利:我现在明白了:)