當你想為你的網頁增添更多的視覺效果時，設置一個優美的背景圖是一個不錯的選擇。在 CSS 樣式表中設置 body 元素的背景圖可以為你的頁面注入不同的氛圍，例如：自然、城市、抽象等。這篇文章將會向你介紹如何用 CSS 來設置 body 背景圖。
首先，為了設置背景圖，你需要在 CSS 中定義一個樣式類來設置背景圖。你可以取任何你想要的名稱，這里我們使用 "background-image"。
.background-image {
background-image: url('路徑/背景圖片.png');
}在樣式類中，我們通過 "background-image" 屬性引入背景圖片。但是需要注意的是，在 "url()" 函數中，你需要輸入你想要使用的背景圖片的路徑。
接下來，在 HTML 頁面中，我們將這一樣式類添加到 body 元素中。
<body class="background-image"> ... </body>
當你在瀏覽器中預覽頁面時，你應該可以看到你添加的背景圖片。如果你想要進一步定制化你的頁面背景，你可以使用如下 CSS 屬性：
- background-repeat：設置背景圖片是否重復；
- background-position: 設置背景圖片的位置；
- background-size: 設置背景圖片的尺寸，例如：cover、contain等；
- 背景圖片的使用對于頁面的性能也有影響，如果你的網站需要較快的加載速度，你可以使用壓縮的圖片，以及應該盡量減少背景圖片的數量。
希望本文對你學習 CSS 中設置 body 背景圖的方法有所幫助！
上一篇css設置color
下一篇mysql復制的三種方式