Jak TO - Kruhy
Naučte se vytvářet prázdné kruhy pomocí CSS.
Jak vytvořit kruhy
Krok 1) Přidejte HTML:
Příklad
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
Krok 2) Přidejte CSS:
Chcete-li vytvořit kruh, použijte vlastnost border-radius a nastavte hodnotu na 50 %. Poté zkombinujte vlastnosti výšky a šířky s odpovídající hodnotou:
Příklad
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}