<nav style="background-color:rgb(192, 192, 192);"> <ul > <li><a href="homepage.html" class="active">首页</a></li> <li><a href="#">个人信息</a></li> <li><a href="Information.html" id="imformation-href">员工信息管理</a></li> <li><a href="#">公司风采</a></li> <li><a href="login.html" id="out-href">退出登录</a></li> </ul> </nav>这样的怎么设置上面的效果

你可以通过CSS样式来实现导航栏被点击后变色的效果。具体操作如下：

1. 在CSS中定义导航栏链接的样式。

/* 导航栏链接的样式 */
.nav-link {
  color: black; /* 文字颜色 */
  background-color: rgb(192, 192, 192); /* 背景颜色 */
  padding: 10px; /* 链接内边距，让链接更易于点击 */
}

/* 被点击链接的样式 */
.nav-link.active {
  color: red; /* 文字颜色变为红色 */
  background-color: yellow; /* 背景颜色变为黄色 */
}

2. 使用JavaScript来实现点击链接时给该链接添加 "active" 类名，并移除其他链接的 "active" 类名。

var links = document.querySelectorAll(".nav-link"); // 获取所有导航栏链接元素

for (var i = 0; i < links.length; i++) {
  links[i].addEventListener("click", function() {
    // 首先移除所有链接的 "active" 类名
    for (var j = 0; j < links.length; j++) {
      links[j].classList.remove("active");
    }
    
    // 给当前点击的链接添加 "active" 类名
    this.classList.add("active");
  });
}

这样就可以实现导航栏链接被点击后变色的效果了。你可以将以上CSS和JavaScript代码加入你的代码中即可。