第一，設(shè)置網(wǎng)頁背景顏色和圖片的方法
背景只有背景顏色和背景圖片兩種。在網(wǎng)頁代碼部分加入bgcolor='#808080'和background='URL'實(shí)現(xiàn)其效果。
背景顏色 background-color
例：body{background-color:green}
background-color后面的顏色代碼，可以用英文或指定代碼來表示均可。background-color的默認(rèn)值是transparent（透明色），即如果不設(shè)置就為透明色。
背景圖片 background-image
background-image這個的主要功能也就是用來顯示圖片，如果需要顯示圖片的話，那么只要在后面加上url(圖片的地址），其默認(rèn)為none（無）。
例：body{background-image:url}
第二：CSS中控制圖片方法
在使用背景圖片時，遇到一些圖片因?yàn)樘。a(chǎn)生種種如圖片的重復(fù)出現(xiàn)而破壞了整個頁面的美感，只要結(jié)合幾個代碼就可以控制圖片。
1.圖片是否重復(fù)顯示 background-repeat
重復(fù)顯示是需要的，可有時候就不需要。background-repeat可以控制圖片重復(fù)的方式（水平方向重復(fù)、垂直方向重復(fù)以及兩個方向都有重復(fù)），而要實(shí)現(xiàn)這三個方向的重復(fù)也就只要在bcackground-repeat后面加上repeat-x（水平方向鋪開）、repeat-y（垂直方向鋪開）、repeat（兩個方向鋪開）。
no-repeat用來控制圖片不重復(fù)，即只顯示一幅背景圖片，而不是重復(fù)出現(xiàn)。
默認(rèn)值是重復(fù)顯示背景圖片（repeat）。
例：body{background-image:url;background-repeat:no-repeat}
2.定位圖片顯示位置 background-position
圖片默認(rèn)情況是從頁面左上角開始顯示，如果要在中間或者其它地方出現(xiàn)這張背景圖片，就要用到background-position，因?yàn)樗褪怯脕盹@示圖片相對于左上角的一個位置的（就是默認(rèn)值0% 0%），由兩個值來設(shè)定，中間用空格來隔開。
它的主要的幾個值有l(wèi)eft center right和top center bottom，也可以用百分?jǐn)?shù)值指定相對位置或用一個值來指定絕對位置，如50%表示的位置是在中心，而50px的水平值則表示圖片距左上角區(qū)域水平移動50px單位；這里要特別指出的是，1當(dāng)你設(shè)置值的時候只提供一個值，則相當(dāng)于只指定水平位置，垂直自動設(shè)置為50%；2當(dāng)你設(shè)置的值是負(fù)數(shù)的時候，則表示背景圖片超出邊界。
例：body{background-image:url;background-repeat:no-repeat;background-position:100px 10px}
3.控制圖片是否滾動 background-attachment
如果頁面有滾動條的時候，背景圖片就不會永遠(yuǎn)定位在那個位置，如果想要圖片永遠(yuǎn)定位在那個位置，就只有讓這張圖片隨著頁面的內(nèi)容的滾動而滾動。background-attachment控制圖片是否滾動，加入scroll（靜止）和fixed（滾動）中的其中一個就可以。
上面知識點(diǎn)分開講解，是為了讓大家理解方便，在實(shí)際使用時，如果需要哪些代碼，就把代碼加在一起，也就是說把以上相關(guān)的代碼都加到background標(biāo)簽中。
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點(diǎn)擊舉報。
