background相關屬性

background-color: 設置background的顏色[默認繪製區域是border-box]
background-clip(css3): 設置background-color的繪製區域,默認值時border-box,還有padding-box,content-box兩個值,分別包括padding區域,只包括content區域。css

以上是和background-color相關的屬性,兩個屬性一般一塊兒使用。

下面是關於background-image屬性:
background-image(css1,css3中提供了能夠設置多張image的功能,多張image的時候,在開始設置的那種放置在最前面,ie8以前的瀏覽器不能使用此功能): 設置background的背景圖片。
因爲background-image和background-color有很大的區別,所以background-image一般還涉及到如下屬性,來控制background-image。
background-origin: 設置圖片的位置(默認值是padding-box,還有border-box和content-box)。和color同樣,可是區別在於默認值不同。若是background-attachment設置爲fixed,那麼該屬性將無效。
background-position: 設置圖片的位置(座標級別的),能夠經過該屬性設置精準的位置。
background-repeat: 設置圖片的平鋪模式。默認只是repeat(水平垂直方向上進行平鋪),repeat-x表示x方向上平鋪,repeat-y表示y方向上平鋪.no-repeat,表示不進行平鋪。
background-size(css3): 設置圖片的尺寸。
background-attachment: 設置圖片的fixed仍是scroll( 默認值)。css3

相關文章
相關標籤/搜索