CSS (Cascading Style Sheets)

Backgrounds

Dreamweaver

Figure 30 - Click to Enlarge

Here, you can change the color by either typing in the code or name, or by clicking the little square next to it and just looking for one. You can add in an image (again, it's easier if it's already in the directory within your website's root folder, or a folder within the root) to your background.

You can adjust the repeat factor:

Dreamweaver

Figure 31

You can have the background never repeat, and therefore it looks stationary. You can have all edges repeat (depending on the scrollbars, horizontal and vertical). Or, you can fix it so that only one direction ever repeats.

The Horizontal and Vertical Positions are nice, because if you just have a simple little image, you can place it in a specific place on the background. You can put it a certain number of pixels away from certain edges, or you can center it on the x and y planes, etc.

Important Note

The "Name" when you first start putting together CSS can be highly important. It all depends on if you want certain parts of the page to call upon different parts of the CSS. For example, if you label something with a Name="red," and you want part of your text to follow these changes, then the code would look something like this:

 

Within the CSS file or page:

.red
{
font-family: courier;
color:#FF0000;
}

 

Within the page:

<p class="red"> Text </p>