CSS中可以通過background-image屬性來設置網頁中的背景圖片，也可以通過img標簽來添加單獨的圖片。以下是一些常用的CSS屬性。

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

上面的CSS代碼設置了一個背景圖片，這張背景圖片在網頁中不會重復出現，并且會自動縮放以適應整個屏幕。同樣，我們也可以使用img標簽來添加單獨的圖片。

上面的HTML代碼將會在網頁中添加一張可愛的熊貓圖片。除了使用img標簽來添加圖片以外，我們還可以使用CSS的background-image屬性來添加。這樣做的好處在于可以將多個小圖片合并成一張圖片并且通過CSS的background-position屬性設置不同位置來展示這些小圖片。

.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代碼將會將一個包含多個圖標的圖片加載到CSS中，并且通過background-position屬性來顯示不同的圖標，這樣可以減少加載圖片的數量。