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