كيف - الدوائر
تعرف على كيفية إنشاء دوائر فارغة باستخدام CSS.
كيفية إنشاء الدوائر
الخطوة 1) أضف HTML:
مثال
<span class="dot"></span>
<span class="dot"></span>
<span
class="dot"></span>
<span class="dot"></span>
الخطوة 2) أضف CSS:
لإنشاء دائرة ، استخدم خاصية border-radius واضبط القيمة على 50٪. ثم اجمع بين خصائص الارتفاع والعرض بقيمة مطابقة:
مثال
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display:
inline-block;
}