使用CSS設(shè)置網(wǎng)頁DIV背景
本文在合理運(yùn)用文字、圖片等的基礎(chǔ)上，重點(diǎn)介紹zCSS控制網(wǎng)頁DIV背景顏色、圖片等的方法，任何一個(gè)網(wǎng)上的頁面，它DIV背景的顏色、基調(diào)往往是給用戶的第一印象，相信本文介紹一定會(huì)讓你有所收獲。
使用CSS設(shè)置網(wǎng)頁背景
任何一個(gè)網(wǎng)上的頁面，它背景的顏色、基調(diào)往往是給用戶的第一印象，因此在頁面中控制背景通常是網(wǎng)站設(shè)計(jì)時(shí)一個(gè)很重要的步驟。本文在合理運(yùn)用文字、圖片等的基礎(chǔ)上，重點(diǎn)介紹zCSS控制網(wǎng)頁背景顏色、圖片等的方法。
1.DIV背景顏色
256×256×256種RGB色彩組成了整個(gè)絢麗多姿的網(wǎng)絡(luò)，任何一個(gè)頁面都有它的DIV背景色來突出其基調(diào)，微軟的藍(lán)色、Google的白色、世紀(jì)壇的墨綠、圣誕網(wǎng)站的火紅等等都給人們留下很深刻的印象。我們?cè)谶@里主要通過實(shí)例，介紹CSS設(shè)置頁面DIV背景顏色的方法。希望大家能夠掌握以下兩個(gè)方面的內(nèi)容：
頁面背景色
用背景色給頁面分塊
2.背景圖片
不單單是各種顏色，網(wǎng)頁DIV背景同樣也可以使用圖片。通過CSS可以對(duì)背景圖片進(jìn)行很精確的控制，包括位置、重復(fù)方式等等。我們?cè)谶@里圍繞背景圖片的使用，對(duì)CSS的編寫方法作進(jìn)一步介紹。希望大家能夠掌握以下幾個(gè)方面的內(nèi)容：
頁面的DIV背景圖
背景圖的重復(fù)
背景圖片的位置
固定DIV背景圖片
添加多個(gè)DIV背景圖片
背景樣式綜合設(shè)置
3.背景綜合一：我的個(gè)人主頁
個(gè)人主頁是網(wǎng)絡(luò)上記錄自己、展現(xiàn)自己的一種很好的形式，很多用戶在網(wǎng)上都擁有自己的頁面。個(gè)人主頁可以作為宣傳自己的方式，也可以用來寫網(wǎng)絡(luò)日記，匯總學(xué)習(xí)心得，記錄每天生活的點(diǎn)點(diǎn)滴滴。
我們?cè)谶@里通過制作幾米風(fēng)格的個(gè)人主頁，進(jìn)一步學(xué)習(xí)CSS控制網(wǎng)頁DIV背景在實(shí)際中的運(yùn)用方法，本例的最終效果如圖所示。
4.背景綜合二：古詞《念奴嬌赤壁懷古》
通過添加各種標(biāo)記，可以讓頁面擁有多個(gè)背景，如果運(yùn)用得當(dāng)還可以得到各種效果。我們?cè)谶@里以古詞為例，進(jìn)一步鞏固CSS頁面的DIV背景的使用方法。本例最終效果如圖所示。
【編輯推薦】
