Once you have read this, go take a look at our creating backgrounds tutorial.

Backgrounds can be quite handy in most situations. For one, they make layouts look a lot nicer. They are quite handy. When you are creating a layout, it is necessary to know some certain properties of background aligning and such.
Fixed background: A fixed background is one in which when you scroll up and down, the background won't move. It's 'fixed' onto the page. For example, the background for this website is fixed. Try scrolling up and down, it won't move!
Repeating background: This is the default background setting. If you don't want a repeating background, you can simply type in "background-repeat:no-repeat" in your CSS for wherever you want it.
Background positions: You can move where your background is. All the kinds of background positions are as follows: "top left", "top center", "top right", "center left", "center center", "center right", "bottom left", "bottom center", "bottom right". An example of a top right background position would be:
{
background-position: top right;
}
Another possibility is the x% y% feature, where x is being horizontal and y is being vertical. A good example would be:
{
background-position: 50% 50%;
}
That is basically the center of the page. So, it is the same thing as "background-position:center;".

So, as you can see, backgrounds are very important. If you need any help please don't hesitate to contact us.

Disclaimer: Vibrai.com is basically a fansite. All content is copyright to the Admin, unless otherwise stated.