背景

背景尺寸屬性

background-size：寬度 高度;

1.想要圖片等比拉伸寬度或者高度----auto

2.想要圖片等比拉伸而且寬度高度都填滿整個元素----cover

3.想要圖片等比拉伸而且寬度高度或填滿整個元素----contain

背景圖片定位區域屬性，告訴系統圖片從什麼區域開始顯示：background-origin

1.padding-box----默認狀況下就是從padding-box區域開始顯示

2.border-box----從border區域開始顯示

3.content-box----從內容區域開始顯示

 背景繪製區域屬性：background-clip

1.border-box----默認狀況下就是從1.border-box區域開始繪製

2.padding-box----從padding區域開始顯示

3.content-box----從內容區域開始顯示

 背景屬性：background

1.多張背景圖片之間用逗號隔開便可

2.注意點：先添加的背景圖片會蓋住

3.圖片定位：background-position

4.多重背景圖片的編寫，建議拆開編寫

background-img：url(圖片1)，url(圖片2),......;

background-repeat：no-repeat,no-repeat,......;

background-position：left top，right top,....;

background-size：50px 50px,.....;

 

 

 

 

來自爲知筆記(Wiz)