【发布时间】:2016-11-18 01:40:32
【问题描述】:
我在 header.php 中有我所有页面的基本导航栏,那么如何使它处于活动状态,以便人们通过导航栏知道他们在哪个页面上
HTML
<ul class="menu">
<li><a href="index.php">HOME</a></li>
<li><a href="features.php">SMARTRETAIL FEATURES</a></li>
<li><a href="faq.php">FREQUENTLY ASKED QUESTIONS</a></li>
<li><a href="customers.php">CUSTOMERS</a></li>
<li><a href="contactus.php">CONTACT US</a></li>
<li><a href="userguide.php">USER GUIDE</a></li>
</ul>
CSS
ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
ul.menu li {
float: left;
border-right: 1px solid black;
}
ul.menu li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul.menu li a:hover:not(.active) {
background-color: #000000;
}
.active {
background-color: #2676f5;
}
【问题讨论】:
-
这个是纯php还是用cms