Css3背景<background>css
Css3包含多個新的背景屬性,它們提供了對背景更強大的控制。能夠自定義背景圖的大小,能夠規定背景圖片的定位區域,css3還容許咱們爲元素使用多個背景圖像css3
屬性spa |
描述圖片 |
Cssip |
Background-imageci |
規定背景的背景圖it |
2io |
Background-positiontable |
規定背景的定位cli |
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 |
背景圖像相對於內容框來定位 |