如何为点（CSS）制作边框[重复]

【问题标题】：How can I make border for dot (CSS) [duplicate]如何为点（CSS）制作边框[重复]
【发布时间】：2020-12-22 23:20:08
【问题描述】：

如何为图片上的点制作边框

【问题讨论】：

【解决方案1】：

制作方法有很多，这里有一个：

.dot {
  color: steelblue;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 4px;
  border-radius: 16px;
  border: solid 1px currentColor;
  background-clip: content-box;
}

.dot.on {
  background-color: currentColor;
}

<i class="dot"></i>
<br />
<i class="dot on"></i>

【讨论】：