الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> header { background-image: url('/tutorials/css/background/gradient.png'); background-repeat: repeat-x; background-size: 100% 100%; } </style> </head> <body> <header> <h1>Image repeated horizontally</h1> <p>"repeat-x" make the background image repeat itself horizontaly.</p> <p>"100% 100%" make the background image match the width and the height of the element.</p> </header> </body> </html>