在網頁設計中，很常見的一種需求是在用戶點擊某個元素時，顯示元素的背景顏色。這可以通過CSS來實現。

首先，在HTML中創建需要點擊的元素。例如，我們創建以下div元素：

<div class="clickable">
<p>點擊我！</p>
</div>

然后，在CSS中添加樣式。我們想要點擊時顯示背景顏色，因此需要添加:hover偽類和:focus偽類：

.clickable {
background-color: white; /* 默認背景顏色 */
padding: 10px;
}
.clickable:hover,
.clickable:focus {
background-color: yellow; /* 點擊時的背景顏色 */
cursor: pointer; /* 鼠標指針樣式 */
}

在樣式中，我們設置了div元素的默認背景顏色是白色。然后，當鼠標懸停或元素獲得焦點時，背景顏色會變為黃色。

最后，我們將得到一個可以點擊的元素，當用戶通過鼠標或鍵盤與該元素交互時，可以看到背景顏色的變化。

這是一個簡單的例子，但是類似的技術可以用于更復雜的交互設計中。