其他色彩和色彩對話方塊
其他色彩 和 色彩對話方塊可讓您選擇,並建立 CSS 樣式規則,判斷字型及/或背景的網頁元件的框線色彩的色彩值。
若要存取 [其他色彩] 對話方塊
選擇新樣式 或 修改樣式對話方塊。
選擇其他色彩對話方塊。
下列步驟詳述如下。
1. 若要存取新樣式 或 修改樣式對話方塊中,使用下列方法之一:
從格式 ] 功能表中,選擇 建置樣式。
在編輯器中,樣式表上按一下滑鼠右鍵,然後從快速鍵功能表中選擇 [ 建置樣式。
在 [樣式表] 工具列中,選擇建置樣式。
2. 若要存取其他色彩對話方塊中,使用下列方法之一:
選擇字型類別,然後按一下 [色彩] 旁邊的方塊圖示。
選擇背景 類別,然後按一下旁邊的方塊圖示, 背景色彩。
選擇框線 類別,然後按一下其中一個方形的圖示,在 框線色彩。
更多色彩] 對話方塊的方塊項目
其他色彩對話框中有下列的 UI 項目。
值
顯示所選取色彩的十六進位 RGB 碼。名稱
顯示色彩名稱 (如果該色彩有名稱的話)。Custom
開啟 [色彩] 對話方塊,讓您選取色彩或是建立調色盤。Select
將指標變更為色彩選擇工具,以便在畫面上選取任何色彩,並將其指派給頁面項目。新增
顯示已於對話方塊中選取,但未指派給頁面項目的色彩。Current
顯示目前指派給頁面項目的色彩。
使用 [色彩] 對話方塊建立自訂色彩
若要建立自訂色彩
按一下 [其他色彩] 對話方塊中的 [自訂...]。
[色彩] 對話方塊隨即顯示。
執行下列任一步驟:
請按一下矩陣內部,使用色彩矩陣和飽和度漸層來建立色彩。 接著使用飽和度漸層指標來選取飽和度等級。
輸入自訂色彩的 HSL 或 RGB 值。
自訂色彩會顯示在 [色彩/單色] 方塊中。
如果您想要建立更多色彩,請按一下 [新增自訂色彩],將色彩加入至 [自訂色彩] 調色盤。 接著您可以重複步驟 2 來建立其他色彩。
按一下 [確定],將色彩指派給先前於頁面上選取的頁面項目。
注意事項
自訂色彩是使用您監視器的顯示設定進行顯示。它在其他使用者的監視器上看起來可能會不一樣。當 Web 專案是專供使用相同 (或可預期) 顯示設定的一群使用者使用時,自訂色彩便適合保留給這些專案使用。
如何套用樣式
如果頁面項目尚未套用任何 CSS 規則,則樣式規則會建立為內嵌 (Inline) 樣式。 如果有頁面項目的 CSS 樣式規則,則樣式資訊會寫入至現有的樣式規則。
![]() |
---|
內嵌樣式規則會覆寫頁面上 style 項目中的樣式規則,或是外部 CSS 檔案中的樣式規則。 |