css3 背景background

標籤：背景映像   -o   第一個   css   clip   over   繪製   ble   pac   

                                                                      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	背景映像相對於內容框來定位

css3 背景background