Come creare: cerchi vuoti

Impara come creare cerchi vuoti utilizzando CSS.

Come creare cerchi vuoti

Primo passo - Aggiungi HTML:

<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>

Secondo passo - Aggiungi CSS:

Per creare un cerchio, usa border-radius e imposta il valore a 50%Poi, imposta l'attributo height e width Combina l'attributo con il valore corrispondente:

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
{}

Prova da solo