Css svg中圆的双笔画颜色

我就是这样画了一个只有笔划没有填充的圆

fill: none !important;
stroke-width: 1px;

• 我要双打

---

遗憾的是，不能将SVG设置为双笔划，只能设置为虚线或实线笔划

相反，只需创建一个完全相同的元素，但将其大小/半径减小多少

.circle{
填充：无；
笔画：黑色；
}

---

如果有人对使用正方形/矩形进行此操作感兴趣，您可以使用

outline

属性在SVG中实现双线边框，而无需添加多个

条目，这可以使它更干净

.rect{
填充：无；
笔画：红色；
外形：4px双黑；
轮廓偏移量：2px；
}

---

要添加另一个更通用的解决方案：

这也可以通过一个过滤器来完成，方法是应用a将元素向各个方向展开

radius=

，然后

xor

源并一起展开，只留下两者之间的差异

@6infinity8是的，这就是为什么我在回答中特别提到了正方形/矩形？我希望它也适用于圆圈，但CSS/SVG就是这样。你完全正确，我只是没有正确理解它。