How TO - Kreise
Erfahren Sie, wie Sie mit CSS leere Kreise erstellen.
So erstellen Sie Kreise
Schritt 1) HTML hinzufügen:
Beispiel
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Schritt 2) CSS hinzufügen:
Verwenden Sie zum Erstellen eines Kreises die Eigenschaft border-radius und setzen Sie den Wert auf 50 %. Kombinieren Sie dann die Eigenschaften height und width mit einem passenden Wert:
Beispiel
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}