الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> div { background-image: url('/tutorials/css/multiple-backgrounds/pyramids.png'), url('/tutorials/css/multiple-backgrounds/paper.png'); background-repeat: no-repeat, repeat; background-position: right center, left bottom; background-size: 70px 70px, contain; padding: 30px 90px 30px 20px; font-family: arial; line-height: 28px; border-radius: 8px; } </style> </head> <body> <h1>Multiple Backgrounds</h1> <div>This element has 2 background images.</div> <p>Note: we add right padding of 90px especially to make the text not apears above the image.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود