Hoe - Kringen
Leer hoe u lege cirkels maakt met CSS.
Hoe maak je kringen
Stap 1) HTML toevoegen:
Voorbeeld
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Stap 2) CSS toevoegen:
Om een cirkel te maken, gebruikt u de eigenschap border-radius en stelt u de waarde in op 50%. Combineer vervolgens de eigenschappen hoogte en breedte met een overeenkomende waarde:
Voorbeeld
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}