html - 如何在 HTML 中制作这个形状？

我正在尝试用 HTML/CSS 制作这个形状，但我一辈子都做不到。如果有人能提个醒，将不胜感激。包括JS也没关系。如果您能在正确的方向上做出最小的推动，我将不胜感激。谢谢，图来了

标签： htmlcssshapescss-shapes

创建几个 div，一个是大位的宽度和高度，一个是宽度为半圆直径的正方形。

两个黑色的背景。

Big bit 的边界半径大约为 10%，四处寻找你想要的东西，在顶角，在底角为 0。

半圆其实就是一个圆，边界半径为50%。绝对位置在大位内。

警告，有时边界半径可能会产生不太平滑的光洁度。如果这是一个问题，您可以尝试使用 SVG，但您的问题规定了 HTML 和 CSS。

如果您制作尺寸和定位 %s，它将根据需要扩展或收缩以适应。