色彩選擇器對話方塊、自訂色彩索引標籤
更新：2007 年 11 月
若要建立自訂色彩，請拖曳紅、綠、藍三種主要色彩的滑桿，直到 [預覽] 欄位中出現您想要的色彩為止。關閉 [樣式產生器] 對話方塊時，顯示在 [色彩] 欄位中的 RGB 色彩碼就會插入到您的階層式樣式表 (CSS) 樣式定義中。
.gif "注意事項") 注意事項： |
|---|
自訂色彩是使用您監視器目前的 [顯示] 設定顯示的。它在其他使用者的監視器和 Web 瀏覽器上看起來可能會不一樣。[自訂色彩] 通常保留給使用者群組共用通用且可預期之 [顯示] 設定的 Web 專案使用。 |
例如，在編輯 CSS 樣式表時，請將游標置於 INPUT.button 樣式之 CSS 樣式的大括號 ({ }) 之間，接著在 [建置樣式] 對話方塊中選取 [背景]，然後選擇 [色彩] 欄位旁邊的省略按鈕 (...)，開啟 [色彩選擇器] 對話方塊。在其 [自訂色彩] 索引標籤上，讓 [紅色] 和 [綠色] 滑桿保持其預設值 255，並將 [藍色] 滑桿向左拖曳至 102。
| 注意事項： |
|---|
[預覽] 欄位會顯示鮮黃色陰影，而 RGB 色彩碼 #ffff66 則會顯示在 [色彩] 欄位中，等同於 255,255,102。 |
當您關閉 [樣式產生器] 對話方塊時，下列的 attribute:RGBcolor 配對就會插入到樣式的大括號 ({ }) 之間：
INPUT.button { background-color: #ffff66; }
在 [色彩選擇器] 對話方塊之某一索引標籤上選取的色彩，會自動在所有標籤上遭到選取。在這個例子中，相同的鮮黃色樣本會在 [Web 調色盤] 索引標籤上遭到選取，而 RGB 碼 "#ffff66" 也會顯示在 [色彩] 欄位中。這個特殊的黃色是一種 Web 安全 (Web-safe) 的色彩。
若要存取本對話方塊
在 Microsoft Visual Web Developer 的 [設計] 檢視中，選取呈現標記的控制項或 HTML 項目 (例如 Table 控制項或 HTML <input> 按鈕)。
執行下列其中一個動作，以開啟 [樣式產生器] 對話方塊：
在 [設計] 檢視中，取控制項或項目，然後依序按一下[格式] 和 [樣式]。
在 [設計] 檢視中，以滑鼠右鍵按一下控制項或項目，然後按 [樣式]。
選取這個控制項或項目，並在 [屬性] 視窗中選取它的 [樣式] 屬性，然後選擇省略按鈕 (...)。
如果您是在 [文件樣式] 視窗中工作，請選取 [項目]、[類別] 或 [項目 ID]，然後選擇 [建置樣式] 圖示。
如果您正在編輯 CSS 樣式表，請將插入點置於 CSS 樣式的大括號之間 ({ })，然後在 [樣式] 功能表上選擇 [建置樣式]。
[樣式產生器] 對話方塊隨即開啟。
在 [色彩] 下拉式清單所在的 [樣式產生器] 對話方塊中選取任一個索引標籤，然後按一下方塊旁的省略按鈕 (...)。
[色彩選擇器] 對話方塊隨即開啟。
按一下 [自訂色彩] 索引標籤。
工作
UI 項目
紅色
預設值為 255 (最紅)。將 [紅色] 滑桿向左拖曳，降低自訂色彩中紅色的份量。最小值為 0 (無紅色)。綠色
預設值為 255 (最綠)。將 [綠色] 滑桿向左拖曳，降低自訂色彩中綠色的份量。最小值為 0 (無綠色)。藍色
預設值為 255 (最藍)。將 [藍色] 滑桿向左拖曳，降低自訂色彩中藍色的份量。最小值為 0 (無藍色)。預覽
當您拖曳滑桿時，預覽窗格會顯示結果色彩。色彩
顯示結果色彩的十六進位 RGB 碼。確定
關閉 [色彩選擇器] 對話方塊，並將選取的 attribute:color 配對加入至 CSS 標記，以便在關閉 [樣式產生器] 對話方塊時插入該標記。