Navigate back to your home screen and take a look at your new wallpaper. Search for a wallpaper you like on wallpapertag.com and download it clicking on the blue download button below the wallpaper. Open your gallery/photos app and click on the 'download' folder. Desktop Background - Change - Windows 7 Help Forums. Image Size: 1920x1200 px / #501377 / File Type: jpg. Download Razer themed desktop and mobile wallpapers, screensavers, and videos. Download Razer themed desktop and mobile wallpapers, screensavers, and videos. THX Spatial Audio 7.1 Surround Sound Cortex - Game Booster Streamer Companion App Game Deals Chroma RGB. Cortex Games for Android Razer Android Apps Razer iOS Apps. Browse our beautiful selection of free background images–all submitted by our community of talented contributors and completely free to download and use.
A background image can be specified for almost any HTML element.
Background Image on a HTML element
To add a background image on an HTML element, use the HTML style attribute and the CSS background-image property:
Example
Add a background image on a HTML element:
You can also specify the background image in the </code> element, in the <code><head></code> section:</p><h3>Example</h3><p>Specify the background image in the <code><style></code> element:</p><h3 id='backgrounds-7-100'>Backgrounds 7 100%</h3><div> <style><br>div {<br> background-image: url('img_girl.jpg');<br> }<br>
Try it Yourself »Background Image on a Page
Background 728x90
If you want the entire page to have a background image, you must specify the background image on the
Example
Add a background image for the entire page:
<br>body {<br> background-image: url('img_girl.jpg');<br> }<br>
Background Repeat
If the background image is smaller than the element, the image will repeat itself, horizontally and vertically, until it reaches the end of the element:
Background Repeat
If the background image is smaller than the element, the image will repeat itself, horizontally and vertically, until it reaches the end of the element:
Example
To avoid the background image from repeating itself, set the background-repeat property to no-repeat.
Example
Background Cover
If you want the background image to cover the entire element, you can set the background-size property to cover.
Also, to make sure the entire element is always covered, set the background-attachment property to fixed:
This way, the background image will cover the entire element, with no stretching (the image will keep its original proportions):
Example
Background Stretch
If you want the background image to stretch to fit the entire element, you can set the background-size property to 100% 100%:
Jump desktop forum. Try resizing the browser window, and you will see that the image will stretch, but always cover the entire element.
Example
Learn More CSS
From the examples above you have learned that background images can be styled by using the CSS background properties.
To learn more about CSS background properties, study our CSS Background Tutorial.
