4.在“屬性”面板中，單擊“CSS”按鈕。

5.隨意選取一段文字，比如“999導航”。

6.屬性面板中的“顏色”選取綠色（#090）。

>

7.出現“新建CSS規則”對話框。

8.選擇器類型為“類”，然后在“選擇器名稱”框中輸入“.green” (如閣4.25所示）。單擊“確定”按鈕。

>

>

所選的文本將改變顏色。在格式化的文本中插入光標時，注意底部的 標簽選擇器。

9.切換到“代碼”視圖，并觀察所選的代碼。它應該如下所示：

999導航

Dreamweaver使用標簽創建了一個CSS類，并自動把它應用于所選的文本。

10.單擊“設計”視圖按鈕。

11.隨意選取一段黑色的文字，比如“眾多電商類”。然后在“屬性”檢查器中，單擊“HTML”按鈕，并從“類”菜單中選擇“green”。所選文本字體顏色會更改為綠色。

12.再切換回“代碼”視圖，可看到代碼已經變成。

眾多電商類