صورة خلفية CSS

CSS صورة الخلفية

تحدد الخاصية صورة background-imageلاستخدامها كخلفية للعنصر.

بشكل افتراضي ، يتم تكرار الصورة بحيث تغطي العنصر بأكمله.

قم بتعيين صورة الخلفية للصفحة:

body {
background-image: url("paper.gif");
}

يُظهر هذا المثال مزيجًا سيئًا من النص وصورة الخلفية. النص يصعب قراءته:

body {
background-image: url("bgdesert.jpg");
}

ملاحظة: عند استخدام صورة خلفية ، استخدم صورة لا تزعج النص.

يمكن أيضًا تعيين صورة الخلفية لعناصر محددة ، مثل العنصر <p>:

p {
background-image: url("paper.gif");
}