Как создать: пустотелый круг

Узнайте, как использовать CSS для создания пустотелого круга.

Как создать пустотелый круг

第一步 - Добавление HTML:

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

第二步 - Добавление CSS:

Чтобы создать круг, используйте border-radius свойство и установите значение: 50%Затем высота и ширина Использование свойств и значений в сочетании:

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

Попробуйте сами