CSS3background-size背景圖片尺寸屬性

標籤：rip   屬性   css   高度   包括   size   寬度   pre   根據   

background-size 可以設定背景圖片的大小，數值包括 長度length和百分比percentage。 並且會根據背景原點位置 background-origin 設定其圖片覆蓋的範圍。那麼下面我們一起來瞭解這個background-size屬性吧。

 

/* 一個值: 這個值指定圖片的寬度，那麼第二個值為auto */background-size: autobackground-size: 50%background-size: 3embackground-size: 12px/* 兩個值: 第一個值指定圖片的寬度，第二個值指定圖片的高度 */background-size: 50% autobackground-size: 3em 25%background-size: auto 6pxbackground-size: auto auto/*多重背景，請用逗號隔開，在CSS文法中凡文法後跟*或者#，都是可以無限重複的，但是必須用逗號隔開。 */background-size: auto, auto     /* 不要跟background-size: auto auto混淆了 */background-size: 50%, 25%, 25%background-size: 6px, auto, contain

 

CSS3background-size背景圖片尺寸屬性