激活/当前导航条实例
在点击了选项后,我们可以添加"active"类来标准哪个选项被选中:
实例
li a.active {
background-color: #4CAF50;
color: white;
}
创建链接并添加边框
可以在<li>or上添加text-align:center样式来让链接居中。
可以在border<ul>上添加border属性来让导航栏有边框。如果要在每个选项上添加边框,可以在每个<li>元素上添加border-bottom:
实例
ul {
border: 1px solid #555;
}
li {
text-align: center;
border-bottom: 1px solid #555;
}
li:last-child {
border-bottom: none;
}