CSS是前端開發的重要技術，它可以控制HTML文檔的樣式和布局。在CSS中，圖片也是一個常見的元素。其中，圖片作為背景圖設置是很常見的一種方式，下面我們來詳細介紹如何在CSS中設置圖片背景圖。

首先，在CSS中設置背景圖需要使用background-image屬性，然后在url()中添加圖片的路徑。

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

上面的代碼片段將BODY元素的背景圖設置為其中的bg.jpg圖片。該圖片需要位于相對路徑為../images/的目錄下。

我們還可以調整圖片的位置、重復方式、尺寸等屬性。下面是一些常用屬性的示例代碼：

/* 調整背景圖位置 */
div {
background-image: url("../images/bg.jpg");
background-position: center;
}
/* 重復水平方向 */
div {
background-image: url("../images/bg.jpg");
background-repeat: repeat-x;
}
/* 寬度100% */
div {
background-image: url("../images/bg.jpg");
background-size: 100%;
}
/* 背景圖固定 */
div {
background-image: url("../images/bg.jpg");
background-attachment: fixed;
}

通過上述代碼可知，我們可以在background-image的基礎上，進一步使用background-position、background-repeat、background-size和background-attachment等屬性來控制背景圖在頁面中的展示方式。

總之，在CSS中設置圖片背景圖需要使用background-image屬性，通過url()來添加圖片路徑，在對應的屬性中進行調整位置、尺寸、重復和固定等操作。掌握這些技巧，便可在前端開發中運用自如。