如何在点击标签后使得背景色改变

您可以使用JavaScript来实现这个效果。首先，您需要为标签添加一个点击事件监听器。当标签被点击时，您可以使用DOM API来获取标签元素并更改其背景色属性。以下是一个示例代码：

HTML：

<div>
  <span class="tag" onclick="changeBackground(this)">标签1</span>
  <span class="tag" onclick="changeBackground(this)">标签2</span>
  <span class="tag" onclick="changeBackground(this)">标签3</span>
</div>

CSS：

.tag {
  background-color: #ccc;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.tag.active {
  background-color: #f00;
}

JavaScript：

function changeBackground(tag) {
  // 获取所有标签元素
  var tags = document.querySelectorAll('.tag');
  // 移除所有标签的 active 类名
  tags.forEach(function(tag) {
    tag.classList.remove('active');
  });
  // 为当前标签添加 active 类名
  tag.classList.add('active');
}

当用户点击标签时，该标签将获得 active 类名，并更改其背景色属性。同时，其他标签将失去 active 类名，恢复默认背景色