在網頁設計中，背景圖片是一項非常重要的設計元素，能夠有效提升網站的美觀程度和品牌形象。CSS中提供了設置背景圖片的屬性——background-image。

/* 在CSS中設置背景圖片的基本語法 */
selector {
background-image: url("image.jpg");
}

可以看到，使用background-image屬性需要指定圖片的路徑，可以是相對路徑也可以是絕對路徑。如果圖片路徑不正確，則無法加載背景圖片。同時，還可以設置圖片的重復方式、位置、大小等屬性。

/* 設置背景圖片的重復方式 */
selector {
background-repeat: no-repeat;    /* 不重復 */
background-repeat: repeat-x;    /* 橫向重復 */
background-repeat: repeat-y;    /* 縱向重復 */
background-repeat: repeat;      /* 橫縱向都重復 */
}
/* 設置背景圖片的位置 */
selector {
background-position: center center;    /* 居中對齊 */
background-position: left top;         /* 左上對齊 */
background-position: right bottom;     /* 右下對齊 */
}
/* 設置背景圖片的大小 */
selector {
background-size: cover;    /* 背景圖片盡量覆蓋整個元素 */
background-size: contain;  /* 背景圖片完全顯示在元素內部 */
}

值得注意的是，為了避免網頁出現加載卡頓的情況，應該盡量優化背景圖片的大小，使用合適的圖片格式和壓縮工具。

綜上所述，background-image是設置網頁背景圖片的基本屬性，可以通過設置重復方式、位置、大小等屬性，實現不同的背景圖片效果，為網頁設計增加美感。