HTML中如何實現(xiàn)點擊一下變換？

div {
width: 100px;
height: 100px;
background-color: red;
} // 定義一個紅色方塊
div:hover {
background-color: blue;
} // 鼠標懸浮時變?yōu)樗{色

如上代碼就是使用HTML中的CSS實現(xiàn)點擊一下變換的方法。在這段代碼中，首先定義了一個紅色方塊的CSS屬性，然后在鼠標懸浮時（使用:hover選擇器）將背景色變?yōu)樗{色。這樣一來，當鼠標懸浮在方塊上時，它的顏色就會變?yōu)樗{色。

需要注意的是，這種方法只有在鼠標懸浮時才會起作用，而且鼠標離開時會恢復(fù)原來的顏色。為了實現(xiàn)點擊一下變換，可以使用JavaScript編寫相應(yīng)的代碼。