圖片作為背景圖在CSS中可以使用background-image屬性來設置。通常情況下，我們使用的圖片都是要放在HTML中的，但是當我們需要使用較大的背景圖時，將其作為HTML元素不僅不方便管理，而且還會增加網頁加載的時間。所以，把背景圖片作為CSS中的背景圖是非常實用的。

要設置圖片作為背景圖，需要使用background-image屬性，例如：

body {
background-image: url("bg-image.jpg");
}

這里我們使用了body元素來設置背景圖，但是你也可以使用其他元素，比如div等。當然，在使用背景圖片時，你也可以設置其他屬性，例如：

body {
	background-image: url("bg-image.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

上述屬性的含義：

• background-repeat：設置背景圖的重復模式，no-repeat表示不重復；
• background-position：設置背景圖的位置，我們將其設置為居中；
• background-size：設置背景圖的大小，cover表示圖片將盡可能填滿整個區域。

總的來說，使用圖片作為背景圖是一種非常有效的方法，它可以提高網頁的裝飾效果，也可以減少HTML文件的體積，從而使頁面加載的更加快速、流暢。