如何在html中设计arc

大家好。 我想设计一个类似圆弧的第一个矩形（红色）。 如您所见，结果显示为绿色矩形。我尝试在CSS中使用边界半径，但没有得到很好的结果

border-bottom-right-radius: 5em;
border-top-right-radius: 5em;

我想要一个弧形的第一个矩形

---

谢谢。

正如昆汀所说，使用SVG，您可以得到任何想要的精确形状。但根据你的情况，这可能会使事情变得有点过于复杂

只需使用双边框半径，就可以得到与屏幕截图非常相似的形状

div{
宽度：100px；
高度：200px；
背景色：红色；
边框右上角半径：30px 50%；
边框右下半径：30px 50%；
}

---

正如昆廷所提到的，使用SVG可以得到任何想要的精确形状。但根据你的情况，这可能会使事情变得有点过于复杂

只需使用双边框半径，就可以得到与屏幕截图非常相似的形状

div{
宽度：100px；
高度：200px；
背景色：红色；
边框右上角半径：30px 50%；
边框右下半径：30px 50%；
}

---

您可以在此处阅读有关使用css创建不同形状的内容：HTML是一种文本标记语言。如果您想要图形标记语言，请尝试SVG；剪辑路径：椭圆（25%50%和5%50%）您可以尝试此codeCheckout此网站了解此类模式：您可以在此处阅读有关使用css创建不同形状的内容：HTML是一种文本标记语言。如果您想要图形标记语言，请尝试SVG；剪辑路径：椭圆（25%50%和5%50%）您可以尝试此代码检查此网站中的以下模式：