css允許使用純色作為背景，同樣也允許使用圖片作為背景。
關(guān)于背景的設(shè)置：
background-color
background-color:red;
—注意：background-color不能繼承，其默認(rèn)值是transparent。transparent 有“透明”之意。也就是說，如果一個元素沒有指定背景色，那么背景就是透明的，這樣其祖先元素的背景才能可見。-
background-image
background-image:url(lks.jpg);
—注意：背景圖片也是不能繼承的，而且背景圖片無法設(shè)置大小。
瀏覽器對圖片格式的支持情況：- gif 動畫 256種顏色
jpg 顏色豐富，瀏覽器支持效果好
png w3c推薦的格式，但是瀏覽器支持的不太好（IE6，IE7，不支持）。
background-repeat
background-repeat:repeat; //默認(rèn) 背景圖像將在垂直方向和水平方向重復(fù)。
background-repeat:repeat-x; //背景圖像將在水平方向重復(fù)。
background-repeat:repeat-y; //背景圖像將在垂直方向重復(fù)。
background-repeat:no-repeat; //背景圖像將僅顯示一次。background-attachment
background-attachment:scroll; //默認(rèn)值。背景圖像會隨著頁面其余部分的滾動而移動。
background-attachment:fixed; //當(dāng)頁面的其余部分滾動時，背景圖像不會移動。-
background-position
—注意：您需要把 background-attachment 屬性設(shè)置為 "fixed"，才能保證該屬性在 Firefox 和 Opera 中正常工作。-
background-position：top left；
第一個是指垂直方向上，第二個是指在水平方向上，中間空格隔開。
垂直方向上可以設(shè)置：top、center、bottom；
水平方向上可以設(shè)置：left、 center 、right；
如果您僅規(guī)定了一個關(guān)鍵詞，那么第二個值將是"center"。 -
background-position：50% 50%；
默認(rèn)值：0% 0%。
第一個值是水平位置，第二個值是垂直位置。
左上角是 0% 0%。右下角是 100% 100%。
如果您僅規(guī)定了一個值，另一個值將是 50%。 -
background-position：20px 30px；
第一個值是水平位置，第二個值是垂直位置。
左上角是 0 0。單位是像素 (0px 0px) 或任何其他的 CSS 單位。
如果您僅規(guī)定了一個值，另一個值將是50%。
-
注意：
1、當(dāng)我們?yōu)閎ody設(shè)置border后，我們會發(fā)現(xiàn)border只是圈住了body里面有內(nèi)容的地方。但是為body設(shè)置背景色，則填充整個屏幕。
2、使用圖像作為背景時，圖像他的定位是參照屏幕的可視區(qū)域，而不是被border框住的部分。
3、當(dāng)我們想要一次性設(shè)置背景時，我們順序是有考究的。
background：red url(xin.jpg) norepeat fixed center center;
每個參數(shù)使用空格隔開，依次是顏色，圖片，重復(fù)，固定方式，位置。
事實上，我在瀏覽器中對他們的位置進行了各種顛倒后，發(fā)現(xiàn)IE6、IE7不是能很好的支持亂序后的設(shè)置，但是現(xiàn)代瀏覽器還是可以支持的。為了兼容性的考慮，建議使用上面的順序。
