Css 圆形元素的纯色边框

我想在边界半径为10px 0 0 10px（左上角，左下角）的元素上使用圆形左边框。但在正常的

边框左侧：10px纯黑

，它看起来并不是真的圆（就像我说的圆）。这是

看起来浏览器首先添加实体边框，然后环绕整个元素，包括实体边框。

---

但我需要一个圆形实心边框，反之亦然。

可以使用长方体阴影来获得更圆的边框

---

不知道我是否理解正确。你在找类似的东西吗？这将使用插入框阴影而不是边框。请解释您想要实现的目标。请尝试给出您的目标的图像，我们不知道有什么不对好吧，这是我想要的：我使用了

溢出：隐藏

，但欢迎更好的解决方案。

#rounded {
    background: lightblue;
    border-radius: 10px 0 0 10px;
box-shadow: -5px 0px 1px 0px #000000;
    height: 100px;
    padding: 10px;
}