小编Cul*_*len的帖子

如何使用CSS为选定的列表项提供不同的颜色?

我知道这个问题之前已被问过这么多次了.但我找不到适合我代码的技巧.我想在导航栏中为我的活动列表项设置不同的颜色.明显.傻小东西.我知道.但请尽量提供帮助.

这是我的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)

html css

11
推荐指数
1
解决办法
7万
查看次数

标签 统计

css ×1

html ×1