CSS + DIV for learning notes: CSS Images

CSS design thorough research section 5.2

1.Background Image

(1) set the background image:Background-image: none|Url (Url)

(2) image tiled orientation:Background-repeat: repeat|No-repeat|Repeat-x|Repeat-y

(3) image alignment:Background-position: (center | top | bottom |Length) | (Center | left | right |Length)(It can be set to one or two attribute values for horizontal and vertical positions, respectively .)

[Application]Make gradient background

1) Prepare a vertical gradient background image;

2) set the background color to the bottom row of pixels in the background image.

The Code is as follows:

Body {

Background-image: url(bg_grad.gif );

Background-repeat: repeat-x;

Background-color: # 39F;

}

Or abbreviated:

Body {

Background: # 39F url(bg_grad.gif) repeat-x;

}