CSS中可以通過(guò)background-image屬性來(lái)設(shè)置網(wǎng)頁(yè)中的背景圖片，也可以通過(guò)img標(biāo)簽來(lái)添加單獨(dú)的圖片。以下是一些常用的CSS屬性。

background-image:url("/img/background.jpg");
background-repeat:no-repeat;
background-size:cover;

上面的CSS代碼設(shè)置了一個(gè)背景圖片，這張背景圖片在網(wǎng)頁(yè)中不會(huì)重復(fù)出現(xiàn)，并且會(huì)自動(dòng)縮放以適應(yīng)整個(gè)屏幕。同樣，我們也可以使用img標(biāo)簽來(lái)添加單獨(dú)的圖片。

上面的HTML代碼將會(huì)在網(wǎng)頁(yè)中添加一張可愛(ài)的熊貓圖片。除了使用img標(biāo)簽來(lái)添加圖片以外，我們還可以使用CSS的background-image屬性來(lái)添加。這樣做的好處在于可以將多個(gè)小圖片合并成一張圖片并且通過(guò)CSS的background-position屬性設(shè)置不同位置來(lái)展示這些小圖片。

.icons{
background-image:url("/img/icons.png");
background-repeat:no-repeat;
}
.twitter{
background-position:-10px -10px;
width: 30px;
height: 30px;
}
.facebook{
background-position:-50px -10px;
width: 30px;
height: 30px;
}

上面的CSS代碼將會(huì)將一個(gè)包含多個(gè)圖標(biāo)的圖片加載到CSS中，并且通過(guò)background-position屬性來(lái)顯示不同的圖標(biāo)，這樣可以減少加載圖片的數(shù)量。