Dreamweaver MX CSS Usage tutorial CSS Background properties

css|dreamweaver| Tutorial

Site original content, reproduced please indicate the source Web page teaching network .

　　 Three. Define CSS style Background properties

Use the background category of the CSS Style Definition dialog box to define the background settings for a CSS style. You can apply background properties to any element in a Web page. For example, create a style that adds a background color or background image to any page element, such as after text, tables, pages, and so on. You can also set the location of the background image.

Define background settings:

In the CSS Style Definition dialog box, select Background (the following figure), and then set the style properties that you want.

If the following properties are not set to remain empty.

Background color: Sets the background color of an element. Both browsers support background color properties.

Background Image: Sets the background image of an element. Both browsers support background image properties.

Repeat: Define whether to repeat and how to repeat the background image. Duplicate attributes are supported in both browsers.

"Do not repeat" displays an image once at the beginning of the element.

Repeat tiles the image horizontally and vertically behind the element.

"Horizontal Repeat" and "Portrait Repeat" display the image horizontal band and vertical zone respectively. The image is clipped to fit the bounds of the element.

Attachment: Determines whether the background image is anchored to its original position or scrolls along with the content. Note that some browsers may treat the "fixed" option as "scrolling." Note: Internet Explorer supports this option, but is not supported by Netscape Navigator.

Horizontal position: And vertical position specifies the initial position of the background image relative to the element. This can be used to align the background image vertically and horizontally with the page center. If the attachment property is fixed, the position is relative to the document window instead of the element. Note: Internet Explorer supports this property, but is not supported by Netscape Navigator.

When you are finished setting these options, select another CSS category on the left side of the panel to set additional style properties, or click OK.