如何在CSS中勾画圆圈

Question

如何使用CSS创建圆形轮廓，只是在圆圈内部为空的情况下使用圆形笔划？

我试过边框，但它没有在chrome中显示只是firefox 我试过了：

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

在chrome上看起来很棒，但在Firefox中看起来不均匀锯齿 有没有人有任何建议？ 这适用于用于检查/填写的圈子。

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，特别是这样做。