一直试图解决我的代码几个小时,我不能。我想让我的导航栏有一个下拉功能。但我似乎无法让它工作。CSS3/HTML5下拉菜单
正如你所看到的我已经开始在下拉菜单类,但我不知道从那里去哪里。一直在使用Google搜索,并发现了很多例子,试图复制/粘贴一些位,但没有好的结果。所以我在想你可能会有帮助。
nav {
display: block;
background-color: indianred;
box-shadow: 0px 10px 5px #888888;
}
nav ul {
text-align: center;
}
nav ul li {
display: inline-block;
padding: 20px;
}
nav ul li a {
width: 125px;
color: black;
padding: 20px;
background-color: blueviolet;
text-decoration: none;
}
nav ul li a:hover {
background-color: aqua;
}
.dropdown {
display: none;
}
<nav>
<ul>
<li><a href="#">FORSIDE</a>
</li>
<li><a href="#">ERHVERVSUDDANNELSER</a>
<ul class="dropdown">
<li>content 1</li>
<li>content 1</li>
<li>content 1</li>
<li>content 1</li>
</ul>
</li>
<li><a href="#">EUX</a>
</li>
<li><a href="#">HTX</a>
</li>
<li><a href="#">OM TECH COLLEGE</a>
</li>
</ul>
</nav>