Oct 22

20 Set of Website Background Images : Examples and Implementation

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;

}

Posted by 68ds. Filed under Webdesign. Tags: web design, website