CSS是前端開發(fā)中不可或缺的一項技術(shù),其中背景圖的設(shè)置也是經(jīng)常用到的。為了簡化代碼,CSS提供了背景圖的簡寫方式,下面我們就來看一下如何使用。
首先,我們可以使用以下簡寫方式設(shè)置背景圖:
background: url(圖片路徑) 位置大小 重復(fù)方式 顏色;
這里的位置大小可以是具體的數(shù)值,也可以使用關(guān)鍵字來描述。如下:
background: url("images/background.jpg") top right/cover no-repeat #f3f3f3;
如果我們只想設(shè)置背景圖的位置,可以這樣寫:
background-position: x軸 y軸;
如果只想設(shè)置背景圖的大小,可以這樣寫:
background-size: 寬度 長度;
如果只想設(shè)置背景圖的重復(fù)方式,可以這樣寫:
background-repeat: 重復(fù)方式;
如果只想設(shè)置背景圖的顏色,可以這樣寫:
background-color: 背景顏色;
除了上述的背景圖簡寫方式之外,CSS還提供了多重背景圖的設(shè)置。具體可以參考W3Cschool的相關(guān)內(nèi)容。