Cara Membuat: Lingkaran Kosong

Cara Membuat Lingkaran Kosong

Langkah pertama - Tambahkan HTML:

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

Langkah kedua - Tambahkan CSS:

Untuk membuat lingkaran, gunakan border-radius properti dan atur nilai menjadi 50%lalu taruh height dan width Kombinasi properti dan nilai yang disesuaikan:

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

Coba sendiri