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 に答える