如何在 CSS 中画出圆形的轮廓答案

【问题标题】：How do I make an outline of a circle in CSS如何在 CSS 中画出圆形的轮廓
【发布时间】：2017-04-11 18:22:42
【问题描述】：

如何使用 CSS 创建一个圆的轮廓，只有一个圆的笔触，而圆的内部是空的？

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

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

在 chrome 上看起来很棒，但 在 Firefox 中看起来参差不齐。
有人有什么建议吗？
这是用于检查/填写的圆圈。

【问题讨论】：

【解决方案1】：

试试这个：

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：