Comment – Cercles
Apprenez à créer des cercles vides avec CSS.
Comment créer des cercles
Étape 1) Ajoutez du HTML :
Exemple
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Étape 2) Ajoutez CSS :
Pour créer un cercle, utilisez la propriété border-radius et définissez la valeur sur 50 %. Combinez ensuite les propriétés de hauteur et de largeur avec une valeur correspondante :
Exemple
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}