Cómo - Círculos
Aprende a crear círculos vacíos con CSS.
Cómo crear círculos
Paso 1) Agregar HTML:
Ejemplo
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Paso 2) Agregar CSS:
Para crear un círculo, use la propiedad border-radius y establezca el valor en 50%. Luego combine las propiedades de alto y ancho con un valor coincidente:
Ejemplo
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}