在編寫 CSS 樣式的過程中，設置背景圖片樣式是一個非常常見且重要的操作。下面我們來詳細了解一下如何使用 CSS 寫背景圖片樣式。
首先，在 HTML 文件中添加需要設置背景圖片的元素。可以是整個頁面的 body 元素，也可以是任意一個塊級元素，如 div、section 等。
<body> <h1>這是一個例子</h1> <p>這里是一段文字。</p> </body>
接著，在 CSS 樣式文件中進行背景圖片樣式的設置。單獨的背景圖片可以通過 background-image 屬性進行設置，多個背景圖片則需要使用 background 屬性，并分別設置其 background-image。
body {
background-image: url("example.jpg");
background-size: cover;
}上面代碼將整個頁面的背景圖片設置為 example.jpg，同時通過 background-size 屬性將圖片自適應屏幕大小。如果需要設置多個背景圖片，則可以進行如下設置。
.example {
background-image: url("example.png"), url("example.jpg");
background-position: left top, right bottom;
background-repeat: no-repeat, repeat-y;
background-size: contain, cover;
}上面代碼設置了一個容器元素 .example，分別設置了兩個背景圖片，并對其進行不同的位置、重復和縮放方式設置。其中，用逗號分隔的多個 background-image 表示需要同時顯示的背景圖片，而其他屬性則分別對應不同背景圖片。
總之，設置背景圖片樣式要根據實際需要靈活使用各種 CSS 屬性進行調整，并提高對瀏覽器的兼容性。