css的背景圖片是設計一個漂亮網頁的關鍵之處

background-image

url("圖片相對于樣式表的路徑")

注意:url是圖片相對于樣式表的路徑，而非相對于當前網頁的路徑，路徑可以加引號也可以不加引號

控制重復

background-repeat

no-repet repeat repeat-x repeat-y

控制位置

background-position

關鍵字 px em 百分比

其中關鍵字包括，水平方向上的關鍵字 left center right 垂直方向的關鍵字 top center bottom 如果一個關鍵字省略，默認為center。

em 是相對于字號，而百分比比較特殊，它的意思是將圖片指定百分比處和相關元素對應的百分比對齊:

如果百分比值只有一個，那么另一個值默認為50%

注意:

1 px em作用的是圖片的頂邊和左邊，不能作用于圖片的右邊和下邊，px em 百分比之間可以混用，但是它們都不能和關鍵字混用。

2 px em適用于精確定位，但要使圖片隨元素的寬度變化而位置發生改變，百分比可以起到作用

3 這個屬性常結合background-repeat使用，控制圖片重復的起點

固定圖片

background-attachment

fixed scroll

快捷方法

用background屬性一次指定