Css 如下图所示，创建圆形和长方体

我想创建一个长方体，在长方体顶部放置一个圆（其中心位于长方体的右上角），如下图所示：

我知道如何创建一个圆和一个长方体，但我希望彼此重叠，它们的重叠区域不应显示边界。这怎么可能呢

---

谁能告诉我用哪种方式更容易创建。通过css或使用javascript。如果可能的话，还可以指导我进行编码。

可以使用绝对定位以这种方式创建

.rect{
宽度：400px；
高度：100px；
边框：1px纯黑；
位置：绝对位置；
顶部：50px；
左：50px；
}
.圆圈{
宽度：100px；
高度：100px；
边界半径：50%；
边框：1px纯黑；
}
.fixrect{
边框右上角半径：4px；
边框左下半径：4px；
背景色：白色；
宽度：60px；
高度：60px；
顶部：50px；
左：50px；
位置：绝对位置；
}

---

有点难。但是试试这个

.圆圈{
宽度：300px；
高度：300px；
边框：1px纯黑；
边界半径：150px；
}
雷克坦先生{
宽度：600px；
高度：400px；
边框：1px纯黑；
位置：绝对位置；
左：150px；
顶部：150px；
}
怀特先生{
宽度：160px；
高度：160px；
背景色：白色；
边框：2倍纯白；
位置：绝对位置；
左：-1px；
顶部：-1px；
}

我很少问这个问题，但你试过什么吗？圆和矩形是可以用CSS创建的最简单的形状之一。你是对的，但我想在另一个上覆盖任何一个。。它们的覆盖区域不应显示边界。这怎么可能呢？你在评论中提出的问题是个好问题。让这个问题成为你的实际问题，并展示你在矩形上方放置了一个圆的代码（重叠区域显示边框），怎么样？这样你的问题就不会被否决（顺便说一句，这不是我的问题），也不会被关闭。SVG是目前为止你最好的选择。谢谢你的评论。。我会调查的。谢谢你。。。你的名字被认为是安卓最新版本“棉花糖”的名字。美好的