home
play_circle_filled
menu
cached
settings_brightness
Run
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html lang="en"> <head> <title>CSS background-attachment Example</title> <style> #ex1 { background-image: url('resources/images/mountain.jpg'); background-repeat: no-repeat; background-size: 75% 50%; } </style> </head> <body> <h1>CSS background-attachment Example</h1> <div id="ex1"> <h2>background-size: 100% 100%:</h2> <p>The size of the background image is set in percent of the parent element; 100% width and 100% height.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page. This paragraph has been created to test scrolling on the page.This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> <p>This paragraph has been created to test scrolling on the page.</p> </div> </body> </html>