css li 点击出现背景色

要实现当用户点击列表项时出现背景色的效果，可以使用CSS中的`:active`伪类选择器。该选择器用于选中用户正在交互的元素，例如被点击的链接或按钮。

以下是一个示例CSS代码，当用户点击一个li元素时，该元素的背景色会变成灰色：

li:active {
  background-color: gray;
}

需要注意的是，该效果只在用户点击该列表项时出现，当用户释放鼠标时，背景色会恢复为原来的颜色。如果需要在用户将鼠标悬停在列表项上时也出现背景色，可以使用CSS中的`:hover`伪类选择器。