在網頁設計中，CSS樣式圖片是非常重要的一部分。它可以讓網頁看起來更加美觀、舒適，提升用戶的瀏覽體驗。

在使用CSS樣式圖片時，我們需要使用background-image屬性來定義元素的背景圖片。比如說，下面這段代碼就是將一個div元素的背景設為了一張圖片：

div {
background-image: url("image.jpg");
}

其中，url()表示引用圖片的路徑。我們可以直接寫圖片文件名，也可以使用相對路徑或絕對路徑指向圖片。例如，下面這個div元素的背景圖片是存儲在images文件夾下的：

div {
background-image: url("images/image.jpg");
}

除了設置背景圖片外，我們還可以控制圖片的位置、大小和樣式。background-position屬性可以設置背景圖片的位置，background-size可以設置背景圖片的大小，background-repeat可以設置背景圖片是否重復顯示。下面是一些具體的例子：

/* 將背景圖片設為居中顯示，并且不重復 */
div {
background-image: url("image.jpg");
background-position: center;
background-repeat: no-repeat;
}
/* 將背景圖片固定在底部，并且不重復 */
div {
background-image: url("image.jpg");
background-position: center bottom;
background-repeat: no-repeat;
}
/* 按比例縮放背景圖片，讓它完全覆蓋元素 */
div {
background-image: url("image.jpg");
background-size: cover;
}

以上的例子只是CSS樣式圖片的冰山一角，我們還可以通過CSS的其它屬性來進行更多的樣式設置。在實際應用中，我們可以根據需要靈活運用這些屬性，打造出更加精美的網頁樣式。