在網頁設計中，背景圖是很重要的一個元素。使用CSS可以輕松更換背景圖。這篇文章將介紹如何使用CSS來實現鼠標點擊更換背景圖。

/*CSS代碼*/
body {
background-image: url('bg1.jpg'); /*設置初始背景圖*/
background-size: cover;
background-repeat: no-repeat;
}
body:hover {
background-image: url('bg2.jpg'); /*鼠標懸浮時更換的背景圖*/
}

首先，在body元素的樣式中定義背景圖，這里使用的是bg1.jpg。設置背景圖的重復方式為不重復，同時使背景圖自適應整個頁面（使用了background-size屬性）。

接著，使用:hover偽類選擇器，當鼠標懸浮在body元素上時，更換為另一張背景圖bg2.jpg。這樣用戶就可以通過簡單的鼠標操作更換背景圖了。

一般來說，建議使用無版權的圖片作為背景圖，這樣可以避免版權糾紛。同時，圖片的尺寸也要適合頁面大小，以避免圖片變形或失真。

以上就是關于如何使用CSS實現鼠標點擊更換背景圖的介紹，希望對大家有所幫助。