如何在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，特別是這樣做。