Question

由于我很新，刚刚开始我的第一个网站，我才开始学习，但即使我不能用java，我想要至少一个简单的Dropdown菜单，我调整外观。

我的导航代码是：

<nav>   
                    <a class="nav1home" href="index.html"></a>
                    <a class="nav2" href="referenzen.html"></a>
                    <a class="nav3" href="kontakt.html"></a>
                    <a class="nav4" href="marcel.html"></a>
            </nav>



    .nav1 {
    width:60px;
    height:25px;
    display:inline-block;
    background-image:url(../img/home.jpeg);

}
.nav1:hover {
    width:60px;
    height:25px;
    display:inline-block;
    background-image:url(../img/home_hover.jpg);

}

.nav1home {
    width:60px;
    height:25px;
    display:inline-block;
    background-image:url(../img/home_hover.jpg);

}
.nav1home:hover {
    width:60px;
    height:25px;
    display:inline-block;
    background-image:url(../img/home.jpeg);

}

.nav2 {
    width:119px;
    height:25px;
    display:inline-block;
    background-image:url(../img/referenzen.jpeg);

}
.nav2:hover {
    width:119px;
    height:25px;
    display:inline-block;
    background-image:url(../img/referenzen_hover.jpg);

}

.nav3 {
    width:79px;
    height:21px;
    display:inline-block;
    background-image:url(../img/kontakt.jpg);

}
.nav3:hover {
    width:79px;
    height:21px;
    display:inline-block;
    background-image:url(../img/kontakt_hover.jpg);

}

.nav4 {
    width:73px;
    height:21px;
    display:inline-block;
    background-image:url(../img/marcel.jpg);

}
.nav4:hover {
    width:73px;
    height:21px;
    display:inline-block;
    background-image:url(../img/marcel_hover.jpg);

}
nav > a {
    text-decoration:none;
    color:#1f1f1f;

}

我想现在添加一个Dropdown菜单，我可以＆＃34;调整＆＃34;对于网页的外观，但即使是谷歌搜索，只会让我更加困惑。那么任何提示如何做到这一点？

如何在此特定导航中添加下拉列表？

0 个答案: