CSS导航

li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}

li a.active {
background-color: black;
color: white;
}

li a:hover:not(.active) {
background-color: #555;
color: white;
}

垂直导航条

在点击了选项后，我们可以添加 "active" 类来标准哪个选项被选中。

• 主页
• 新闻
• 联系
• 关于