如何用html和css在正方形中画一个圆圈？

我想用HTML和CSS创建这个形状

---

一个渐变和一个遮罩可以做到：

.盒子{ 宽度：300px； 高度：300px； 显示：内联flex； 背景：圆锥梯度F5F6FA 90度，2b4170 0 180度，8292a2 0 270度，d5503d 0； } .box：：之前{ 内容：； 宽度：50%； 身高：50%； 保证金：自动； 背景：继承； 边界半径：50%； 变换：旋转-90度； -webkit面罩：径向梯度50%50%，fff 98%，0000-75px-75px； }

---

希望您至少尝试自己编写此代码。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。坦率地说，对于CSS来说，设计可能太复杂了。我建议改为使用SVG。你能解释一下它是如何工作的，或者给我一些链接，让我从中学习这个技巧吗？Thanks@TJ除了您可以在MDN上轻松找到的圆锥梯度或遮罩文档外，我没有其他链接可供分享，但可能一步一步可以帮助您更好地理解：