目录

操作方法 - 圈子


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



如何创建圆圈

步骤1)添加HTML:

示例

<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
步骤2)添加CSS:

要创建圆形,请使用 border-radius 属性并将值设置为 50%。然后将高度和宽度属性与匹配值结合起来:

示例

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