Oct

22

6

20 Set of Website Background Images : Examples and Implementation

68Design    Webdesign     web design, website

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;

}

Related Posts:

• 55 extremely smashing web layout design tutorials in details
• 18 showcases of Really Beautiful and Creative Web Designs
• 40 Examples of the Best Horizontal Scrolling Websites Showcases
• 40 Technics to design Creative and Inspiring Website Backgrounds
• 45 Excellent Photoshop website template and layout tutorials

If you enjoyed this article please consider sharing it!

6 Comments to “20 Set of Website Background Images : Examples and Implementation”

• 

  ทำเว็บ January 21, 2012 at 12:59 pm

  Thanks for the article. I read the above post.

  Reply
• 

  coupon websites December 12, 2011 at 8:18 pm

  I quote some of the content found.

  Reply
• 

  Miranda Highet December 8, 2011 at 10:56 am

  I think other website proprietors should take this website as an model, very clean and excellent user genial style and design, let alone the content. You are an expert in this topic!

  Reply
• 

  kody do the sims 3 October 10, 2010 at 1:09 am

  would it be possible to translate your website into spanish because i have difficulties of speaking to english, and as there are not many pictures on your website i would like to read more of what you are writting

  Reply
  • 

    68ds October 10, 2010 at 3:27 am

    Sorry, temporarily it is not possible for u to translate…but u can have a try with google whole page translating function… have a nice day!

    Reply
• 

  mark March 3, 2010 at 8:07 pm

  hi…

  Reply