css3 背景background

                                                                      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

背景圖像相對於內容框來定位

相關文章
相關標籤/搜索