Comment créer : cercle creux

Apprenez à créer un cercle creux en utilisant CSS.

Comment créer un cercle creux

Première étape - Ajoutez HTML :

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

Deuxième étape - Ajoutez CSS :

Pour créer un cercle, utilisez border-radius attribut et définissez la valeur sur 50%。Ensuite, height et width Utilisez la combinaison de propriétés et de valeurs correspondantes :

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

Essayer par vous-même