在網頁設計中，許多時候我們會希望在點擊某個元素時，更換背景圖片。這時候，我們可以使用CSS來實現。下面將介紹一種簡單的CSS點擊背景替換的方法。

/* 定義新背景圖片路徑 */
.new-bg {
background-image: url('path/to/new-background-image.jpg');
}
/* 定義點擊事件 */
.clicked-bg {
cursor: pointer;
}
.clicked-bg:hover {
/* 在這里定義新的背景圖片 */
background-image: url('path/to/clicked-background-image.jpg');
}

上述代碼中，我們首先定義了一個CSS類名為“new-bg”，它包含了一個新的背景圖片路徑。然后，我們定義了一個名為“clicked-bg”的類名，用來表示鼠標點擊事件。

在“clicked-bg”類名中，我們使用了:hover偽類來定義鼠標懸停時元素的樣式。在這里，我們將新的背景圖片路徑定義為點擊事件觸發后的背景圖片路徑。

要實現點擊事件，我們需要將“clicked-bg”類名添加到希望綁定點擊事件的HTML元素上，例如一個按鈕或一個超鏈接。當用戶點擊該元素時，CSS就會自動切換背景圖片。

總的來說，以上方法利用了CSS的:hover偽類來實現點擊事件，并通過定義不同的CSS類名來切換背景圖片。這是一種簡單但有效的解決方案，適用于許多網頁設計需求。