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