套用漸層至背景

您可使用「CSS 設計工具」面板，將漸層套用至網站的背景。背景類別提供漸層屬性。

按一下漸層屬性旁的 以開啟「漸層」面板。此面板可供您：

• 從不同的色彩模式 (RGBa、Hexadecimal 或 HSLa) 選擇顏色。然後將不同的顏色組合儲存為色票。
  
  • 若要將新色彩重設為原始色彩，請按一下原始色彩 (K)。
  • 若要變更色票的順序，請將色票拖曳到必要的位置。
  • 若要刪除色票，請將色票拖曳出面板。
    
• 使用色標建立複雜的漸層。按一下預設色標之間的任何位置，即可建立色標。若要刪除色標，請將色標拖曳出面板。
  
• 指定線性漸層的角度。
• 如果要重複圖樣，請編輯 background-repeat 屬性。
• 將自訂的漸層儲存為色票。

現在讓我們來探討下列程式碼：

• 57deg：代表線性漸層的角度
• rgba(255, 255, 255, 1.00)：第一個色標的色彩
• 0%：代表色標

使用漸層做為背景時，您可將 Dreamweaver 設定為會在不同的網頁瀏覽器上適當地呈現漸層。Dreamweaver 會在程式碼中加入恰當的廠商前置詞，讓網頁瀏覽器適當地顯示漸層。

Dreamweaver 可寫入下列的廠商前置詞以及 w3c 格式：

• Webkit
• Firefox
• Opera

依照預設，Dreamweaver 會寫入 Webkit 和 Dreamweaver 即時檢視的廠商前置詞。您可從「偏好設定」對話框選擇其他的必要廠商 (「偏好設定 > CSS 樣式」)。

對漸層進行的任何變更也會反映在廠商特定的語法中。如果要在 Dreamweaver CC 中開啟包含廠商特定語法的現有檔案，請確保在「偏好設定」選擇了必要的廠商前置詞。因為，當您使用或變更漸層時，Dreamweaver 依預設只會更新與 Webkit 和及 Dreamweaver 即時檢視相關的程式碼；所以，程式碼中的其他廠商特定的語法就不會更新。

調換背景影像和漸層

只需按一下滑鼠，即可變更背景影像和漸層的順序 (程式碼中的顯示方式)。

在 CSS 設計工具中，按一下 url 或 gradient 屬性旁的箭頭。