CSS是一種非常實用的標記語言，可用于設置HTML文件中的各種樣式，包括背景圖。使用CSS設置背景圖可以使網頁更加美觀和吸引人。以下是一些關于如何使用CSS實現背景圖的代碼和技巧。

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

在上面的代碼中，我們首先使用background-image屬性為整個網頁body標簽設置了背景圖像，該圖像的名稱是"bg.jpg"。接下來，我們使用background-repeat屬性將背景圖片設置為不重復，避免重復鋪設。最后，我們使用background-size屬性將背景圖片設置為全部覆蓋，并且保持縱橫比例。

還有兩個其他有用的樣式可以幫助改進背景圖的外觀。一個是background-position屬性，這將背景圖片定位到瀏覽器窗口中的特定位置。例如，您可以使用以下代碼將背景圖片居中放置在瀏覽器窗口中：

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

另一個是background-attachment屬性，它定義了背景圖片是否固定或隨著頁面滾動而移動。fixed是將背景圖片固定在窗口視口的位置，而scroll則將其與頁面一起滾動。

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

總的來說，通過使用CSS設置背景圖像，可以使網頁看起來更加專業和吸引人。了解這些css樣式屬性和技巧，可以幫助您掌握更好的網頁設計技能。