具有内部颜色的CSS边框圈

Question

（不允许我嵌入图像，所以这里是链接）

试图像这样获得圈子

https://i.stack.imgur.com/I5NFi.png

我尝试按照w3school的建议使用

https://www.w3schools.com/css/css_border.asp

.circle{
    padding: 20px;
    border: 7px inset #1c901c;
    border-radius: 50%;
}

这是我通过上面的代码设法实现的

https://i.stack.imgur.com/Jc9ox.png

任何建议将不胜感激