Difference between revisions of "Team:BGU Israel"
| Line 1: | Line 1: | ||
{{BGU_Israel}} | {{BGU_Israel}} | ||
| + | <!DOCTYPE html> | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<style> | <style> | ||
| − | + | body, html { | |
| − | + | height: 100%; | |
| − | + | margin: 0; | |
} | } | ||
| − | |||
| + | .bg { | ||
/* The image used */ | /* The image used */ | ||
background-image: url('https://preview.ibb.co/iPfRCd/banner.jpg'); | background-image: url('https://preview.ibb.co/iPfRCd/banner.jpg'); | ||
| Line 22: | Line 24: | ||
</style> | </style> | ||
</head> | </head> | ||
| − | |||
<body> | <body> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <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> | ||
| + | |||
| + | </body> | ||
</html> | </html> | ||
Revision as of 19:32, 2 June 2018
<!DOCTYPE html>
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.