چگونه ایجاد می‌شود: مدار خالی

چگونه مدار خالی ایجاد می‌کنیم

مرحله اول - اضافه کردن HTML:

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

مرحله دوم - اضافه کردن CSS:

برای ایجاد مدار، از border-radius ویژگی border-radius و مقادیر آن را تنظیم کنید 50%پس height و width استفاده از ترکیب ویژگی و مقادیر تطبیق

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

به طور مستقیم امتحان کنید