色彩選擇器對話方塊、命名色彩索引標籤
更新：2007 年 11 月
當您選擇某個色樣 (Color Swatch) 時，[色彩] 欄位中就會出現命名色彩。當您選取某個 [基本] 或 [其他] 命名色彩時，attribute:colorname 配對就會在關閉 [樣式產生器] 對話方塊時，插入到您的階層式樣式表 (CSS) 樣式定義中。
例如，在 [設計] 檢視中編輯 HTML 網頁時，請在 [文件大綱] 視窗中選取 <BODY> 項目，然後從 [格式] 功能表選擇 [建置樣式]。選取 [背景] 並選擇 [色彩] 欄位旁的省略符號按鈕 (...)，開啟 [色彩選擇器] 對話方塊。在其 [命名色彩] 索引標籤上，於底端列選取 [淺藍] (#add8e6) 色彩。當您關閉 [樣式產生器] 對話方塊時，下列的 attribute:colorname 配對就會插入到 BODY 樣式的大括號 ({ }) 之間：
BODY { BACKGROUND-COLOR: lightblue; }
若要存取本對話方塊
在 Microsoft Visual Web Developer 的 [設計] 檢視中，選取呈現標記的控制項或 HTML 項目 (例如 Table 控制項或 HTML <input> 按鈕)。
執行下列其中一個動作，以開啟 [樣式產生器] 對話方塊：
在 [設計] 檢視中，取控制項或項目，然後依序按一下[格式] 和 [樣式]。
在 [設計] 檢視中，以滑鼠右鍵按一下控制項或項目，然後按 [樣式]。
選取這個控制項或項目，並在 [屬性] 視窗中選取它的 [樣式] 屬性，然後選擇省略符號按鈕 (...)。
如果您是在 [文件樣式] 視窗中工作，請選取 [項目]、[類別] 或 [項目 ID]，然後選擇 [建置樣式] 圖示。
如果您正在編輯 CSS 樣式表，請將插入點置於 CSS 樣式的大括號之間 ({ })，然後在 [樣式] 功能表上選擇 [建置樣式]。
[樣式產生器] 對話方塊隨即開啟。
在 [色彩] 下拉式清單所在的 [樣式產生器] 對話方塊中選取任一個索引標籤，然後按一下方塊旁的省略按鈕 (...)。
[色彩選擇器] 對話方塊隨即開啟。
按一下 [命名色彩] 索引標籤。
工作
UI 項目
基本
會顯示可以選擇之基本色彩的範例。其他
會顯示除了基本色彩清單之外，其他可以選取之色彩的範例。色彩
顯示所選取色彩的色彩名稱和十六進位 RGB 碼。確定
關閉 [色彩選擇器] 對話方塊，並將選取的 attribute:colorname 配對加入至 CSS 標記，在結束 [樣式產生器] 對話方塊時即會插入該標記。使用色彩名稱
會指出在將選取的色彩插入 CSS 標記時，要使用的是色彩名稱或 RGB 碼。