Como fazer - Círculos
Aprenda a criar círculos vazios com CSS.
Como criar círculos
Etapa 1) Adicionar HTML:
Exemplo
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Etapa 2) Adicionar CSS:
Para criar um círculo, use a propriedade border-radius e defina o valor para 50%. Em seguida, combine as propriedades de altura e largura com um valor correspondente:
Exemplo
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}