我知道这个问题之前已被问过这么多次了.但我找不到适合我代码的技巧.我想在导航栏中为我的活动列表项设置不同的颜色.明显.傻小东西.我知道.但请尽量提供帮助.
这是我的HTML代码:
<div id="container">
<ul id="nav">
<li class="active"><a href="am_home.html">Home</a></li>
<li><a href="am_teachingassistants.php">Teaching Assistants</a></li>
<li><a href="am_courseinfo.php">Course Info</a></li>
<li><a href="am_timetable.php">Time Table</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
这是CSS文件:
#container {
position: relative;
top: -2em;
z-index: 2;
width: 1200px;
margin: auto auto;
}
#nav {
position: relative;
float: left;
margin-left: 400px;
}
#nav li {
list-style: none;
float: left;
border-right: 1px solid #afc4cc;
}
#nav li a {
position: relative;
z-index: 2;
float: left;
padding: 5px 45px;
font-size: 15px;
font-weight: bold;
font-family: helvetica, arial, …Run Code Online (Sandbox Code Playgroud)