صور الخلفية CSS

صور الخلفية CSS

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

بالت defaultManager، يتم تكرار الصورة لتغطية العنصر بالكامل.

مثال

يمكن إعداد صورة الخلفية للصفحة كما يلي:

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

تجربة شخصية

مثال

هذا المثال يوضح نصًا و صورة خلفيةتجميع خاطئ.النص صعب القراءة:

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

تجربة شخصية

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

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

مثال

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

تجربة شخصية