پس‌زمینه و گرادیان

رنگ پس‌زمینه

.box { background-color: #0a0e1a; }

تصویر پس‌زمینه

.hero {
    background-image: url('bg.jpg');
    background-size: cover;      /* پوشش کامل */
    background-position: center;
    background-repeat: no-repeat;
}

گرادیان (بدون تصویر!)

/* خطی */
background: linear-gradient(135deg, #22d3ee, #a855f7);

/* شعاعی */
background: radial-gradient(circle, #22d3ee, #0a0e1a);

گرادیان یک «تصویر» محسوب می‌شود و بدون فایل، افکت‌های زیبا می‌سازد.

میان‌بُر

background: #0a0e1a url('bg.jpg') center/cover no-repeat;

پس‌زمینهٔ تیرهٔ همین سایت آرنا با گرادیان‌های ملایم ساخته شده.