CSS 動態改變圖片路徑可以實現頁面的動態變化，比如切換不同風格主題時替換圖片，或根據用戶操作動態改變頁面圖片。

首先，在 CSS 文件中定義要操作的圖片元素，比如 img 標簽：

img {
width: 100px;
height: 100px;
}

接著，通過定義 CSS 變量的方式設置圖片路徑：

:root {
/* 定義變量 img-path */
--img-path: url('path/to/image1');
}
img {
/* 使用變量 img-path 設置圖片路徑 */
content: var(--img-path);
}

這樣，當想要動態改變圖片路徑時，只需修改變量的值即可實現圖片路徑的動態變化：

/* 切換主題 */
:root {
/* 定義新的 img-path 變量替換原有值 */
--img-path: url('path/to/image2');
}

總之，通過 CSS 動態改變圖片路徑，可以實現頁面的巧妙變動，提升用戶體驗。同時，使用 CSS 變量可以方便快捷地實現動態變化，避免了頻繁修改代碼的麻煩。