CSS樣式背景圖是一種常見的網頁設計元素，經常用于網頁中的頁面布局、裝飾或美化。CSS（Cascading Style Sheets，層疊樣式表）是一種用于定義網頁內容在瀏覽器中顯示效果的語言，它可以通過定義樣式表來控制網頁元素的外觀、字體、顏色、背景等特征，使得網頁內容呈現出更加美觀、清晰的效果。

在CSS中，可以通過使用背景圖片來增加網頁元素的視覺吸引力和表現力。常見的背景圖片格式有JPEG、PNG、GIF等，其中PNG和GIF格式的圖片可以支持透明度的設置。使用CSS樣式背景圖的方法非常簡單，只需要在樣式表中定義相應的屬性：

background-image:url('bgimage.png');  /*設置背景圖片的路徑*/
background-repeat:no-repeat;  /*設置背景圖片不重復*/
background-position:center center;  /*設置背景圖片的位置*/

在上面的代碼中，background-image屬性用于定義背景圖片的路徑；background-repeat屬性用于設置背景圖片不重復；background-position屬性用于設置背景圖片在元素中的位置。

有時候，我們可能需要為不同的網頁元素設置不同的背景圖片（如頁面頭部、導航欄、正文等部分），這時候可以使用CSS樣式表中的class和id屬性來進行標識：

.header {
background-image:url('header.png');
background-repeat:no-repeat;
background-position:center center;
}
.nav {
background-image:url('nav.png');
background-repeat:no-repeat;
background-position:center center;
}
.content {
background-image:url('content.png');
background-repeat:no-repeat;
background-position:center center;
}

在這個示例代碼中，我們為頁面的頭部、導航欄和正文分別定義了一個CSS類（.header、.nav和.content），并分別設置了不同的背景圖片、不重復、居中顯示的效果。

總之，CSS樣式背景圖是一種簡單而有效的網頁設計元素，可以為網頁的視覺呈現和用戶交互體驗帶來更好的效果。