0

HTML

     <nav class="horizontal">
        <ul>
           <li><a href="#">Home</a></li>
           <li><a href="#">Menu</a></li>
           <li><a href="#">Locations</a></li>
           <li><a href="#">Catering</a></li>
           <li><a href="#">About Us</a></li>
        </ul>
     </nav>

     <nav class="vertical">
        <ul>
           <li><a href="#">Pizza</a></li>
           <li><a href="#">Salad</a></li>
           <li><a href="#">Pasta</a></li>
           <li><a href="#">Sandwiches</a></li>
           <li><a href="#">Appetizers</a></li>
           <li><a href="#">Pocket Pizzas</a></li>
           <li><a href="#">Fish &amp; Shrimp</a></li>
           <li><a href="#">Chicken &amp; Wings</a></li>
           <li><a href="#">Beverages</a></li>
           <li><a href="#">Dessert</a></li>
           <li><a href="#">Catering</a></li>
           <li><a href="#">Download Menu</a></li>
           <li><a href="#">Catering Menu</a></li>
        </ul>
     </nav>

CSS：

    nav a {
        text-decoration: none;
    }


 nav.horizontal {

    height: 70px;
    width: 100%;
    background-color: white;



}
 nav.horizontal li {
    font-size: 16px;
    float: left;
    text-align: center;
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    display: block;

}

nav.horizontal li a:link {
    display: block;
    background-color: red;
    color: white;

    -moz-border-radius: 30px 25px;
    -webkit-border-radius; 30px 25px;
    border-radius: 30px 25px;

    text-decoration: none;

}

nav.horizontal li a:hover {
    background-color: (255, 101, 101);
    color: black;

}

当我将鼠标悬停在想法上时，我希望背景改变颜色。到目前为止，我只有文本将颜色更改为黑色，为什么不是背景？

谢谢。

另外，如果您发现任何其他错误，请告诉我！

4

4 回答 4

2

您在价值观之前缺少 rgb 。它应该是 ：

background-color: rgb(255, 101, 101);
于 2013-03-10T15:55:39.233 回答
0

为列表项创建一个选择器，如下所示：

nav.horizontal li:hover {
     background-color: (255, 101, 101);
     color: black;
}

如果要更改链接的背景，则需要更改链接所在列表项的背景颜色。不要尝试更改锚标记的背景颜色。

于 2013-03-10T15:55:22.867 回答
0

你可以使用以下

 li:hover

作为 CSS 选择器

于 2013-03-10T15:57:21.037 回答
0

您的背景色声明无效：

background-color: (255, 101, 101);

应该：

background-color: rgb(255, 101, 101);
于 2013-03-10T15:57:54.603 回答