CSS中可以通過為元素添加點擊事件來實現點擊出現背景色的效果。以下是一個示例代碼：

.example {
background-color: #fff;
padding: 20px;
cursor: pointer;
}
.example.clicked {
background-color: #f0f0f0;
}
$(document).ready(function() {
$('.example').click(function() {
$(this).addClass('clicked');
});
});

在這個示例中，我們首先定義了一個class為example的元素，設置了它的初始背景色和樣式。我們還為它添加了一個指針形式的鼠標樣式，以提醒用戶可以點擊它。

接著，我們定義了一個名為clicked的class，將它的背景顏色設置為我們想要的顏色。當通過點擊觸發點擊事件后，我們將為元素添加這個class，從而改變它的背景色。

在jQuery庫的幫助下，我們可以輕松地為所有class為example的元素添加點擊事件。在點擊時，我們只需為元素添加名為clicked的class即可。如果想要在點擊時移除元素的背景色，我們只需使用removeClass()方法即可實現。

通過以上示例，我們可以看到，使用CSS和jQuery來實現點擊出現背景色的效果非常容易。只需幾行代碼，就可以為網站添加一些動態和互動性。