css点击时背景颜色改变

可以通过CSS伪类:hover来实现当鼠标悬浮在元素上时改变背景颜色，如下所示：

button:hover {
  background-color: blue;
}

这样当鼠标悬浮在button元素上时，背景颜色会变成蓝色。当然，你也可以使用其他颜色或者其他属性来改变元素的样式。

相关问题

CSS点击改变背景颜色

可以通过JavaScript来实现。在HTML中设置一个div元素，然后在JavaScript中通过querySelector获取该元素，然后通过addEventListener添加click事件，再在事件处理函数中修改div元素的背景颜色即可。具体代码如下：

HTML：

<div id="container">
  这是一个div
</div>

JavaScript:

var container = document.querySelector("#container");
container.addEventListener("click", function() {
  container.style.backgroundColor = "blue";
});

当用户点击div时，div的背景颜色会变成蓝色。

css li 点击背景色改变

要实现当用户点击列表项时，该列表项的背景色改变并保持不变的效果，可以使用CSS中的`:focus`伪类选择器。该选择器用于选中当前获得了焦点的元素，例如被点击的输入框或按钮。

以下是一个示例CSS代码，当用户点击一个li元素时，该元素的背景色会变成灰色，并保持该颜色直到另一个li元素被点击：

li:focus {
  background-color: gray;
}

需要注意的是，该效果在不同浏览器中可能会有所不同，因为用户点击列表项后可能会导致列表项失去焦点，从而导致背景色恢复为原来的颜色。如果需要在用户点击列表项后一直保持背景色不变，可以使用JavaScript代码实现。