共用方式為


其他色彩和色彩對話方塊

其他色彩色彩對話方塊可讓您選擇,並建立 CSS 樣式規則,判斷字型及/或背景的網頁元件的框線色彩的色彩值。

若要存取 [其他色彩] 對話方塊

  1. 選擇新樣式修改樣式對話方塊。

  2. 選擇其他色彩對話方塊。

下列步驟詳述如下。

1. 若要存取新樣式修改樣式對話方塊中,使用下列方法之一:

  • 格式 ] 功能表中,選擇 建置樣式

  • 在編輯器中,樣式表上按一下滑鼠右鍵,然後從快速鍵功能表中選擇 [ 建置樣式

  • 在 [樣式表] 工具列中,選擇建置樣式

2. 若要存取其他色彩對話方塊中,使用下列方法之一:

  • 選擇字型類別,然後按一下 [色彩] 旁邊的方塊圖示。

  • 選擇背景 類別,然後按一下旁邊的方塊圖示, 背景色彩

  • 選擇框線 類別,然後按一下其中一個方形的圖示,在 框線色彩

更多色彩] 對話方塊的方塊項目

其他色彩對話框中有下列的 UI 項目。


  • 顯示所選取色彩的十六進位 RGB 碼。

  • 名稱
    顯示色彩名稱 (如果該色彩有名稱的話)。

  • Custom
    開啟 [色彩] 對話方塊,讓您選取色彩或是建立調色盤。

  • Select
    將指標變更為色彩選擇工具,以便在畫面上選取任何色彩,並將其指派給頁面項目。

  • 新增
    顯示已於對話方塊中選取,但未指派給頁面項目的色彩。

  • Current
    顯示目前指派給頁面項目的色彩。

使用 [色彩] 對話方塊建立自訂色彩

若要建立自訂色彩

  1. 按一下 [其他色彩] 對話方塊中的 [自訂...]。

    [色彩] 對話方塊隨即顯示。

  2. 執行下列任一步驟:

    • 請按一下矩陣內部,使用色彩矩陣和飽和度漸層來建立色彩。 接著使用飽和度漸層指標來選取飽和度等級。

    • 輸入自訂色彩的 HSL 或 RGB 值。

    自訂色彩會顯示在 [色彩/單色] 方塊中。

  3. 如果您想要建立更多色彩,請按一下 [新增自訂色彩],將色彩加入至 [自訂色彩] 調色盤。 接著您可以重複步驟 2 來建立其他色彩。

  4. 按一下 [確定],將色彩指派給先前於頁面上選取的頁面項目。

    注意事項注意事項

    自訂色彩是使用您監視器的顯示設定進行顯示。它在其他使用者的監視器上看起來可能會不一樣。當 Web 專案是專供使用相同 (或可預期) 顯示設定的一群使用者使用時,自訂色彩便適合保留給這些專案使用。

如何套用樣式

如果頁面項目尚未套用任何 CSS 規則,則樣式規則會建立為內嵌 (Inline) 樣式。 如果有頁面項目的 CSS 樣式規則,則樣式資訊會寫入至現有的樣式規則。

注意事項注意事項

內嵌樣式規則會覆寫頁面上 style 項目中的樣式規則,或是外部 CSS 檔案中的樣式規則。

請參閱

工作

How to: Set Web Server Control Color Properties