Ultimate CSS Gradient Generator 這個網站可以依據你設計上的需求，自由調整想要的漸層背景，例如選擇顏色、漸層方向、漸層區域的大小或是 Color format 等等資訊，相當的有趣。
Ultimate CSS Gradient Generator
http://www.colorzilla.com/gradient-editor/
我們也做了一個範例給各位參考。
這個漸層就是用 Ultimate CSS Gradient Generator 工具做出來的，用法很簡單，設定你要的顏色與漸層所有設定值之後，他會自動幫你產生程式碼，然後把程式碼貼到要顯示漸層的區塊 CSS 語法中即可。以我們這個範例來說，在測試網頁中先寫一個 <div> 區塊，設定他的寬度（width）為 500px，高度設為 80px，然後再把 Ultimate CSS Gradient Generator 產生出來的程式碼，貼到 <div> 區塊的 style 中，這樣就完成啦！我們測試過 FireFox 14.0.1 版本與 IE 8 版本均可順利呈現。