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

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

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

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

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

在樣式中，我們設(shè)置了div元素的默認(rèn)背景顏色是白色。然后，當(dāng)鼠標(biāo)懸?；蛟孬@得焦點時，背景顏色會變?yōu)辄S色。

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

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