Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Setting Horizontal background-repeat in CSS</title> <style> body { background-image: url("/examples/images/gradient.png"); background-repeat: repeat-x; } </style> </head> <body> <h1>Background Repeat Demo</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc neque. In hac habitasse platea dictumst. Pellentesque ultrices. Donec nunc metus, aliquam sit amet, aliquam in, luctus ac, odio. Aenean orci velit, elementum ac, egestas pellentesque, facilisis non, turpis. Quisque dolor. Vestibulum in massa in lectus hendrerit condimentum. Duis suscipit, lectus varius fermentum fermentum, est lectus facilisis metus, ac ornare risus ipsum at sem. Nulla ut eros vel enim tempor.</p> </body> </html>