CSS中的變量可以讓我們在開發過程中更方便地修改樣式效果，其中改變背景圖也是經常需要變動的一種樣式。

在CSS中定義變量需要使用var()函數，具體代碼如下：

:root {
--bg-image: url('../images/bg-pattern.jpg');
}
body {
background-image: var(--bg-image);
}

在這里，我們使用:root來定義全局變量--bg-image，將背景圖片的路徑作為變量的值設置進去。在需要使用背景圖片樣式的部分，我們則可以使用var(--bg-image)來引用這個變量，這樣就方便了修改背景圖片的路徑。

同時，如果我們需要在不同的頁面中使用不同的背景圖片，只需要在各自的頁面中重新定義--bg-image變量即可。

總的來說，使用變量來改變CSS背景圖可以增加代碼的可維護性和靈活性，更好地滿足各種需求。