Круги

Здесь вы узнаете, как сделать пустые круги при помощи 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;
}