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