چگونه ایجاد می‌شود: جعبه ترویجی

یاد بگیرید که چگونه جعبه ترویجی با استفاده از CSS ایجاد کنید.

جعبه ترویجی می‌تواند برای اضافه کردن اطلاعات اضافی به عناصر/محتوا استفاده شود:

عنوان مثال New

عنوان مثال New

عنوان مثال New

عنوان مثال New

آپ خود کوشش کریں

چگونه جعبه ترویجی ایجاد می‌کنیم

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

<span class="badge">New</span>

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

.badge {
  رنگ پس‌زمینه: قرمز;
  رنگ: سفید;
  پیدینگ: 4پیکسلو 8پیکسلو;
  text-align: center;
  border-radius: 5px;
}

آپ خود کوشش کریں