圆/圆点

---

了解如何使用 CSS 创建空圆圈。

---

---

如何创建圆圈

步骤 1) 添加 HTML:

实例

<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>

步骤 2) 添加 CSS:

要创建一个圆，请使用border-radius 属性并将值设置为50%。 然后将 height 和 width 属性与匹配值组合起来:

实例

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
} 亲自试一试 »