首頁線上工具開發工具

Ultimate CSS Gradient Generator 網頁背景色彩 CSS 語法線上產生器

Ultimate CSS Gradient Generator 網頁背景色彩 CSS 語法線上產生器

製作網頁時，通常會使用到長、寬不等的背景圖，尤其是網頁中每個單元標題內的背景色彩，要產生這種背景時，通常有兩種做法，一是可以使用背景圖片；再來則是使用 CSS 語法，兩種方法各有優缺點。Ultimate CSS Gradient Generator 網站則是以 CSS 語法為主，使用方式相當簡單，可自訂色彩代碼，混入漸層、自訂長、寬後，只要複製其產生的 CSS 語法，便能應用到網頁裡。

🔔 **不錯過任何精彩！** 立即訂閱我們的 LINE 官方帳號。

每次發佈新文章時，您將會**第一時間收到本站文章連結通知**，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 Ultimate CSS Gradient Generator？

1.進入 Ultimate CSS Gradient Generator 網站後，在 Presets 處選擇要使用的顏色樣板。

Ultimate CSS Gradient Generator 網頁背景色彩 CSS 語法線上產生器

2.另外可以調整漸層的色彩，只要使用滑鼠拖動色彩調整桿(下圖 紅色框)，其 Stop 處的 color 點擊顏色便可調整。

Ultimate CSS Gradient Generator 網頁背景色彩 CSS 語法線上產生器

3.調整好之後，在 Preview 處，可調整長寬、垂直或水平及一個 IE 選項，若勾選 IE 選項時，則原有的漸層會消失，原因為 IE 並不支援漸層的 CSS 語法，確定後，只要複製 CSS 框中的語法後，貼到網頁裡，便可應用。

Ultimate CSS Gradient Generator 網頁背景色彩 CSS 語法線上產生器