كيفية إنشاء: الشريط

تعلم كيفية إنشاء الشريط باستخدام CSS.

الشريط يمكن استخدامه لإضافة معلومات إضافية إلى العناصر/المحتوى:

عنوان مثال جديد

عنوان مثال جديد

عنوان مثال جديد

عنوان مثال جديد

تجربة شخصية

كيفية إنشاء الشريط

الخطوة الأولى - إضافة HTML:

<span class="badge">جديد</span>

الخطوة الثانية - إضافة CSS:

.badge {
  لون الخلفية: أحمر;
  لون: أبيض;
  حجم: 4px 8px;
  text-align: center;
  border-radius: 5px;
{}

تجربة شخصية