body { background-position: center; background-repeat: no-repeat; background-size: cover; }
#example1 { background: url(mountain.jpg); background-repeat: no-repeat; background-size: auto; } #example2 { background: url(mountain.jpg); background-repeat: no-repeat; background-size: 300px 100px; }
body { background-image: url(images/background.svg); background-size: cover; /* <------ */ background-repeat: no-repeat; background-position: center center; /* optional, center the image */ }
<head> <style> #example1{ border: 2px solid black; padding: 100px; background: url(mountain.jpg); background-repeat: no-repeat; background-size: 100% 100%; } </style> </head> <body> <div id="example1"> </div> </body>
background-size: 100px 50px; /* 100px wide, 50px tall */