CSS中，常使用圖片作為網頁的底圖，使得網頁更加美觀和有吸引力。

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

在上述代碼中，我們使用background-image屬性來設置背景圖片的路徑。background-size用來控制圖片的縮放方式，cover表示讓圖片鋪滿整個屏幕并按比例縮放，還可以使用contain選項來讓圖片完全出現在屏幕內。background-repeat用來控制圖片是否要平鋪，no-repeat表示不平鋪。background-position用來控制圖片在屏幕中的位置，可以設置left、center、right、top、bottom等值。

除了在body中使用背景圖片外，還可以在div等元素上使用，達到不同的效果和顯示效果。

<div class="bg-image"></div>
.bg-image {
background-image: url("background.jpg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 400px;
width: 100%;
}

在上述代碼中，我們通過給一個div元素設置了背景圖片，通過設置其高度和寬度，達到了與body情況不同的顯示效果。同時設置了背景圖片大小為contain，使得圖片完全顯示出來，而不是鋪滿整個div。

總之，利用CSS設置背景圖片，可以讓網頁更加具有視覺沖擊力和美感，同時也可以通過不同的設置，達到不同的效果。