CSS 的背景圖片 background-image 設計方法
如果網路上的每個網頁都是單純的白色背景，可能就不會像現在這樣五彩繽紛，如此般的吸引人，我們常常看到許多網站或部落格都有美美的網頁背景，就像本部落格一樣，Blogger 這個樣版本身就有不錯的背景圖片，當然我們可以自己去修改這個背景圖片。
在 CSS 的設計方式裡，我們會採用 background 來處理絕大多數與背景有關係的項目，例如背景圖片（background-image）、背景顏色（background-color）、背景位置（background-position）... 等，這裡舉例插入背景圖片的範例：
通常可以把這樣的語法直接寫在網頁的 <body> 標籤之中，大致像下方這樣
不過這樣並不是最好的方法，應該還是要將 CSS 與 HTML Code 分開來寫，會比較好管理整個 page 的 style，關於網頁背景圖片比較詳細的使用教學，可以參考 Wibibi 這篇：
CSS background-image 背景圖片：http://www.wibibi.com/info.php?tid=75
一般來說不會只用到背景圖片這麼簡單，因為要考慮到許多不同使用者在不同的環境使用，例如用不同的瀏覽器、不同的行動裝置、不同的電腦作業系統 ... 等狀況，所以背景圖片通常還要加上位置的條件下去做，背景圖片位置會使用到的是 background-position，在上方的背景圖片教學中可以找到關於 position 的教學。
在 CSS 的設計方式裡，我們會採用 background 來處理絕大多數與背景有關係的項目，例如背景圖片（background-image）、背景顏色（background-color）、背景位置（background-position）... 等，這裡舉例插入背景圖片的範例：
background-image:url(' 這裡就是圖片的網址 ');
通常可以把這樣的語法直接寫在網頁的 <body> 標籤之中，大致像下方這樣
<body style="background-image:url(' 這裡就是圖片的網址 ');">
其他的網頁內容或程式碼
</body>
其他的網頁內容或程式碼
</body>
不過這樣並不是最好的方法，應該還是要將 CSS 與 HTML Code 分開來寫，會比較好管理整個 page 的 style，關於網頁背景圖片比較詳細的使用教學，可以參考 Wibibi 這篇：
CSS background-image 背景圖片：http://www.wibibi.com/info.php?tid=75
一般來說不會只用到背景圖片這麼簡單，因為要考慮到許多不同使用者在不同的環境使用，例如用不同的瀏覽器、不同的行動裝置、不同的電腦作業系統 ... 等狀況，所以背景圖片通常還要加上位置的條件下去做，背景圖片位置會使用到的是 background-position，在上方的背景圖片教學中可以找到關於 position 的教學。