Line 10: | Line 10: | ||
} | } | ||
− | + | .bg { | |
− | + | ||
/* The image used */ | /* The image used */ | ||
− | background-image: url( | + | background-image: url("https://preview.ibb.co/iPfRCd/banner.jpg"); |
/* Full height */ | /* Full height */ | ||
Line 27: | Line 26: | ||
<body> | <body> | ||
− | <div | + | <div class="bg"></div> |
<p>This example creates a full page background image. Try to resize the browser window to see how it always will cover the full screen (when scrolled to top), and that it scales nicely on all screen sizes.</p> | <p>This example creates a full page background image. Try to resize the browser window to see how it always will cover the full screen (when scrolled to top), and that it scales nicely on all screen sizes.</p> |
Revision as of 19:35, 2 June 2018
This example creates a full page background image. Try to resize the browser window to see how it always will cover the full screen (when scrolled to top), and that it scales nicely on all screen sizes.