
適當的替作品加入背景,可增加作品的整體的滿意度,如果是網頁,以往因 CSS 語法在各家瀏覽器支援程度不一的情況下,多數會使用圖片來製作,不但前期製作麻煩,後續要維護也不容易,而如今瀏覽器與 CSS 標準逐漸統一,使用純 CSS 語法來製作背景圖對後續要更新維護也相對簡單,CSS Background Patterns 這個免費的線上服務,利用 CSS 語法做出多種樣式的背景圖案提供大家使用,使用者在該網站,可以更改背景圖案的前景色、背景色、透明度及圖案的濃密度,且每次更改會在該網頁的背景即時展示,讓使用者即時預覽,滿意就可以將該背景圖的 CSS 一鍵複製,方便使用者後續應用。
CSS Background Patterns 網站資訊
如何使用 CSS Background Patterns?
1.使用瀏覽器進入 CSS Background Patterns 網站,可看到其提供各式的 CSS 背景圖。

2.要預覽該背景圖在網頁的整體表現,可點擊每個樣式中右上角眼睛的圖示按鈕。

3.使用者也可以透過工具列來更改前景色、背景色、透明度與圖案的濃密度。


4.滿意後,點擊每個樣式中的 Copy CSS Code 按鈕( 如下圖紅色箭頭所指處 ),便可取得該背景圖案的 CSS 語法。

