鼠標(biāo)單擊改變css是一種常見的交互方式，可以通過javascript代碼實(shí)現(xiàn)。以下是一個(gè)簡單的例子：
<html><head><style>#box {
background-color: red;
width: 200px;
height: 200px;
cursor: pointer;
}
</style></head><body><div id="box">點(diǎn)我改變顏色
</div><script>var box = document.getElementById('box');
box.onclick = function() {
if (box.style.backgroundColor === 'red') {
box.style.backgroundColor = 'blue';
} else {
box.style.backgroundColor = 'red';
}
};
</script></body></html>以上代碼實(shí)現(xiàn)了一個(gè)div元素的點(diǎn)擊事件，當(dāng)點(diǎn)擊時(shí)改變背景顏色。具體實(shí)現(xiàn)方法是用javascript獲取到該元素的DOM對象，然后為其綁定一個(gè)onclick事件。當(dāng)點(diǎn)擊時(shí)，判斷當(dāng)前背景顏色是否為紅色，如果是則改變?yōu)樗{(lán)色，反之則改變?yōu)榧t色。
此外，為了使鼠標(biāo)在鼠標(biāo)懸停在鼠標(biāo)單擊的區(qū)域時(shí)顯示成手指狀，代碼中還添加了cursor: pointer;樣式。這樣，在移動(dòng)設(shè)備上也能體現(xiàn)出可以單擊的樣式。