Πώς να δημιουργήσετε: κενό κύκλο

Μάθετε πώς να δημιουργήσετε έναν κενό κύκλο χρησιμοποιώντας CSS.

Πώς να δημιουργήσετε ένα κενό κύκλο

Βήμα 1 - Προσθήκη HTML:

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

Βήμα 2 - Προσθήκη CSS:

Για να δημιουργήσετε έναν κύκλο, χρησιμοποιήστε border-radius την ιδιότητα 50%θα. height και width 属性与匹配的值组合使用：

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

Δοκιμάστε το προσωπικά