鼠標單擊改變css是一種常見的交互方式，可以通過javascript代碼實現。以下是一個簡單的例子：
<html><head><style>#box {
background-color: red;
width: 200px;
height: 200px;
cursor: pointer;
}
</style></head><body><div id="box">點我改變顏色
</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>以上代碼實現了一個div元素的點擊事件，當點擊時改變背景顏色。具體實現方法是用javascript獲取到該元素的DOM對象，然后為其綁定一個onclick事件。當點擊時，判斷當前背景顏色是否為紅色，如果是則改變為藍色，反之則改變為紅色。
此外，為了使鼠標在鼠標懸停在鼠標單擊的區域時顯示成手指狀，代碼中還添加了cursor: pointer;樣式。這樣，在移動設備上也能體現出可以單擊的樣式。
上一篇css設置類中的鏈接樣式
下一篇魚 css動畫