使用CSS設置網頁DIV背景
本文在合理運用文字、圖片等的基礎上，重點介紹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背景的使用方法。本例最終效果如圖所示。
【編輯推薦】
