HTML5 Mobile Web 系列：利用 CSS3 做圖片漸層 | ericsk.net

可以減少圖片的使用，增加畫面顯示速度。 在設計頁面時，常會利用漸層（gradient）來作一些區塊的背景，雖然可以做一張 1 x n 的漸層圖片，像是這張圖： 再利用 CSS 寫成這樣：.grad {height: 50px; background: url(/path/to/grad.png) repeat-x;

blog.ericsk.org