شرح صفوف ومحتوى الفقرة
في لغة CSS يمكن إضافة أكثر من خلفية صورة لعنصر واحد وذلك عن طريق تحديد العنصر وإضافة مسار صورتين عن طريق خاصية background-image.
خطوات عمل خلفيتي صور للعنصر في لغة CSS:
- تجهيز صورتين صورة كبيرة وصورة صغيرة.
- عن طريق خاصية background-image نقوم بإضافة 2 من url.
- كل url نكتب بداخله مسار كل صورة.
- عن طريق background-position يمكن التحكم في موضع الخلفيات.
- وعن طريق background-repeat التحكم في تكرار الصورة الكبيرة وعدم تكرار الصورة الصغيرة.
CSS multiple backgrounds images
أكثر من خلفية صورة لعنصر واحد في لغة CSS.
HTML
div
{
background-image: url(https://www.closetag.com/images/tree2.png), url(/images/diamonds.png);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
padding: 15px;
}