Working with Graphics and Tables - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 308

Figure 5-51 Table with formatted cells

Next, you will create a style with a light green background and a blue border. You will
apply the style to the table, and then you will center the table in the hot.html page.

To create a style to format the table in the hot.html page:

◗

1. Create a new CSS rule using ID as the selector type, #hot_table as the selector
name, and defined in the nbf_styles.css style sheet.

◗

2. In the Background category, type #CBCB96 in the Background-color box.
◗

3. In the Box category, in the Margin section, click the Same for all check box to
remove the check mark, type 0 in the Top box, and then type auto in the Right
and Left boxes.

◗

4. In the Border category, in the Style section, select solid from the Top list, in the
Width section, select thin from the Top list, in the Color section, type #CCFFFF in
the Top box, and then click the OK button.

◗

5. In the Document window, select the table, and then, in the Property inspec-
tor, click the ID arrow and click hot_table . The style is applied to the table. See
Figure 5-52.