css3 背景background

                                                                      Css3背景<background>

Css3包含多個新的背景屬性，它們提供了對背景更強大的控制。能夠自定義背景圖的大小，能夠規定背景圖片的定位區域，css3還容許咱們爲元素使用多個背景圖像

屬性	描述	Css
Background-image	規定背景的背景圖	2
Background-position	規定背景的定位	2
Background-repeat	規定背景的重複方式	2
Background-color	規定背景的顏色	2
Background-clip	規定背景的繪製區域	3
Background-origin	規定背景圖片的定位區域	3
Background-size	規定背景圖片的尺寸	3

 

 

                                                             Background-size

值	描述
Length	設置背景圖像的高度和寬度。第一個是寬度，第二是高度，不設置默認值爲auto；
Percentage	以父元素的百分百來設置背景圖像的寬度和高度。第一個值設置寬度，第二個值設置高度。若是值設置一個值，則第二個會被默認爲auto
Cover	把背景圖像擴展至足夠大，以使背景圖像徹底覆蓋背景區域。背景圖像的某些部分也許沒法顯示在背景定位區域中。
Contain	把圖像擴展至最大尺寸，以使其寬度和高度徹底適應內容區域

                                                             Background-origin

值	描述
Padding-box	背景圖片相對於內邊距來定位
Border-box	背景圖片相對於邊框盒來定位
Content-box	背景圖像相對於內容框來定位