CSS3background-size背景圖片尺寸屬性

background-size 能夠設置背景圖片的大小，數值包括 長度length和百分比percentage。 而且會根據背景原點位置 background-origin 設置其圖片覆蓋的範圍。那麼下面咱們一塊兒來了解這個background-size屬性吧。

 

/* 一個值: 這個值指定圖片的寬度，那麼第二個值爲auto */
background-size: auto
background-size: 50%
background-size: 3em
background-size: 12px

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