如何在 CSS 中绘制圆的轮廓

Question

如何使用 CSS 创建圆的轮廓，只需要圆的笔划，而圆内部是空的？

我尝试了边框，但 chrome 仅在 firefox 中不显示。
我试过了：

box-shadow: 0 0 0 0.15em #000;

在 chrome 上看起来不错，但 在 firefox 中它看起来参差不齐。
有人有什么建议吗？
这是用于 check/filling in.

的圈子

Answer 1

看起来像是 FireFox 的问题...

解决方法是在圆圈内显示 shadow，而不是在圆圈外。

box-shadow: inset 0 0 0 0.15em #000;

Answer 2

试试这个：

.circle {
  border: 1px black solid;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  background-color: white;
}

它应该在 chrome 上工作，尤其是这样做。