li标签鼠标点击改变背景色

可以使用CSS来实现li标签鼠标点击改变背景色的效果。具体实现方法如下：

1. 给li标签添加一个class，比如说"bg-change"。

2. 在CSS中定义"bg-change"类的样式，包括默认背景色和鼠标点击后的背景色：

.bg-change {
  background-color: #fff; /* 默认背景色 */
}

.bg-change:hover, .bg-change:focus {
  background-color: #f0f0f0; /* 鼠标悬停或者获取焦点后的背景色 */
}

3. 给li标签添加点击事件，当鼠标点击li标签时，自动给它添加"active"类，同时移除其他兄弟元素的"active"类：

var lis = document.querySelectorAll("li.bg-change");

for (var i = 0; i < lis.length; i++) {
  lis[i].addEventListener("click", function() {
    var siblings = this.parentNode.children;
    for (var j = 0; j < siblings.length; j++) {
      siblings[j].classList.remove("active");
    }
    this.classList.add("active");
  });
}

4. 在CSS中定义"active"类的样式，用来表示当前选中的li标签：

.bg-change.active {
  background-color: #e0e0e0; /* 当前选中的背景色 */
}

这样就可以实现li标签鼠标点击改变背景色的效果了。