We all know how fast design industry is growing. Everyday we have new amazing stuff up on web such as online tools, free apps or unbelievable code development. Background images are one of the core features in web design that help make a website design visually interesting. Whether you are using a standard header background, a basic body background or a full body backgrounds there is great scope to come out with an amazing result.
Here are some great examples of background images used in Website Design. I hope it will be inspirational for all you designers out there.
1. Inner Metro Green
2. CCC Celt
3. Lebloe
4. CatNapGames
5. Colibri
6. Barro-Asturias
7. Two Rivers
8. Music Addict Designer
9. Toriseye.Quodis
10. Cie de Oorsprong
11. CSS Boost
12. Lucky Stars Tattoo
13. Russ kirby’s Portfolio
14. Charlie-X
15. Design Attik
16. Durrani Design
17. Mateus Neves
18. Australia’s FIFA World CUP Bid
19. Wild Marsh
20. Pictures N Sound
Implementation
Here’s a simple useful CSS code to add Image backgrounds to any website.
When using a background image, use an image that does not disturb the text. Its always advisable to call background image in your body tag. Using background-repeat property in below code to show image only once.
body
{
background-image:url(/Images/background.jpg);
background-repeat:no-repeat;
}
OR
body
{
background: url(/Images/background.jpg) center top no-repeat;
}
EXAMPLE
Also Read:
- 20 great tutorials on PSD to XHTML Conversion
- 45 awesome Photoshop website template/layout tutorials
Related posts:
Loading...
“Its always advisable to call background image in your body tag.”
Why do you say that? I might often happen that way, but I wouldn’t say that its “always advisable”.
In any case, its a nice list.
Brilliant collection! makes me wanna change background on everything. Love Le Bloe. Thanks for sharing.
Every business anywhere across the globe has a wish of creating its own online presence. This is the only major reason why most of the organizations need help of the best website design provider services. They require these services to increase the number of visitors and then convert them into sales for their organization. Web design Boynton Beach FL provides the best of the services.
Nice list, some really good looking backgrounds?
I would like to offer
http://macallanridge.com/
as an addition.
Nice images!
Nice list! What bout ProductiveDreams
Definitely bookmarked that for future use!
Thanks for adding my web site
I’m trying to add two background images to my website! i want a main background that repeats x and y and another smaller background at the top of my page that just repeats x! I know its possible! can anyone help me with the CCS or HTML I need to do this?
I will only add that getting a set of tripod lights and a portable studio can make the difference in how things look. the on-camera flash leaves harsh shadows and makes image trimming a lot harder.
Impressive collection…Each background will perfectly befit a particular kind of organization anywhere across the world….i think this is collection is mostly complete with a background for every kind of theme…A good post….
wow
this is the greatest collection i had ever seen
Still cant believe they did this.