Two columns Three columns Mixed cols and rows Gallery Archives Clean & Clear Dark or Black High Contrast/ Impact Blog Designs New Corporate/ Professional Unconventional Designs Liquid layouts Web Design Firms Our Favorites What's Popular Last 20 submissions
Horizontal Menus Vertical Menus Multiple/ Nested Levels

CSS Examples Fixed and centered background image

Date: 09/06/2004 Fixed and centered background image

Author: CSS Drive

This example demonstrates using CSS to create a watermark background image for the page, whereby the image is centered and non repeating.

Example: n/a.

CSS Source Code:

<style type="text/css">

body{
background: url(background.gif) white center no-repeat fixed;
}

</style>

Comments (26)

I liked it. I wanted to implement. Thanks for posting.
http://www.vacationrentalhotspots.com

#1: Joe on 06/04 at 07:41 AM

thanks for this very great info pal, :D

css background examples , Properties , Attribute - - css-lessons.ucoz.com/background-css-examples.htm

#3: e devlet on 06/17 at 01:23 AM

css background examples , Properties , Attribute - - http://css-lessons.ucoz.com/background-css-examples.htm

#4: e devlet on 06/17 at 02:36 AM

@Doyox- You don't have to have the cursor file in the same location.

@pinkpanther- here's the syntax to use on your profile: Myspace Mouse Cursors

#5: Jerry on 06/23 at 08:02 PM

this is very useful for my freindster.

#6: Joey Brown on 07/30 at 10:46 PM

CSS Forums

CSS Forums: latest threads Last Post Info
Hover image links problem (4) 09/07/2008 01:32 pm
By: vishwebdesign
Criticism? (5) 09/07/2008 04:36 am
By: AlexGrim
Web design? (8) 09/06/2008 11:44 pm
By: Craig
What code should I be using? (3) 09/06/2008 11:41 pm
By: Craig
Image Spacing problems in IE (4) 09/06/2008 11:36 pm
By: Craig