本文在合理運用文字、圖片等的基礎上，重點介紹zCSS控制網頁DIV背景顏色、圖片等的方法，任何一個網上的頁面，它DIV背景的顏色、基調往往是給用戶的第一印象，相信本文介紹一定會讓你有所收獲。

使用CSS設置網頁背景

任何一個網上的頁面，它背景的顏色、基調往往是給用戶的第一印象，因此在頁面中控制背景通常是網站設計時一個很重要的步驟。本文在合理運用文字、圖片等的基礎上，重點介紹zCSS控制網頁背景顏色、圖片等的方法。

1.DIV背景顏色

256×256×256種RGB色彩組成了整個絢麗多姿的網絡，任何一個頁面都有它的DIV背景色來突出其基調，微軟的藍色、Google的白色、世紀壇的墨綠、圣誕網站的火紅等等都給人們留下很深刻的印象。我們在這里主要通過實例，介紹CSS設置頁面DIV背景顏色的方法。希望大家能夠掌握以下兩個方面的內容：

頁面背景色

用背景色給頁面分塊

2.背景圖片

不單單是各種顏色，網頁DIV背景同樣也可以使用圖片。通過CSS可以對背景圖片進行很精確的控制，包括位置、重復方式等等。我們在這里圍繞背景圖片的使用，對CSS的編寫方法作進一步介紹。希望大家能夠掌握以下幾個方面的內容：

頁面的DIV背景圖

背景圖的重復

背景圖片的位置

固定DIV背景圖片

添加多個DIV背景圖片

背景樣式綜合設置

3.背景綜合一：我的個人主頁

個人主頁是網絡上記錄自己、展現自己的一種很好的形式，很多用戶在網上都擁有自己的頁面。個人主頁可以作為宣傳自己的方式，也可以用來寫網絡日記，匯總學習心得，記錄每天生活的點點滴滴。

我們在這里通過制作幾米風格的個人主頁，進一步學習CSS控制網頁DIV背景在實際中的運用方法，本例的最終效果如圖所示。

4.背景綜合二：古詞《念奴嬌赤壁懷古》

通過添加各種標記，可以讓頁面擁有多個背景，如果運用得當還可以得到各種效果。我們在這里以古詞為例，進一步鞏固CSS頁面的DIV背景的使用方法。本例最終效果如圖所示。

 【編輯推薦】

1. 鼠標經過時改變DIV背景顏色的三種途徑
2. CSS方法實現DIV固定網頁底部
3. CSS中display屬性的妙用
4. 實現DIV圖片居中方法揭秘
5. 鼠標經過時改變DIV背景顏色的三種途徑