Html 如何在此基础上创建悬停下拉菜单？

有人能帮我在“PROIZVODI”的悬停上创建一个下拉菜单吗？我需要尽快的帮助，谢谢。

你想要类似htis的东西吗：-

          <div id="navigacija">


        <nav class="clearfix">
            <ul class="clearfix">
                    <li><a href="index.html" class="on">POČETNA</a></li>
                    <li><a href="otkupplastike.html">OTKUP PLASTIKE</a></li>
                    <li><a href="#">PROIZVODI</a></li>
                    <li><a href="reciklazaplastike.html">RECIKLAŽA</a></li>
                    <li><a href="oprema.html">OPREMA</a></li>
                    <li><a href="onama.html">O NAMA</a></li>
                    <li><a href="contactform.php">KONTAKT</a></li>
            </ul>
            <a href="#" id="pull">Meni</a>
        </nav>


   </div>

---

普罗伊兹沃迪

---

链接：-

请尽快尝试此版本：

ul#下降{
显示：无；
位置：3s全线性；
}
[数据切换=下降]：悬停{
颜色：红色；
}
[数据切换=下降]：悬停>下降{
显示：块；
}

这里是最简单的方法

正文{
字体系列：“Lucida Grande”，“Helvetica Neue”，Helvetica，Arial，无衬线；
填充：20px 50px 150px；
字体大小：13px；
文本对齐：居中；
背景：#000000；
}
保险商实验室{
文本对齐：左对齐；
显示：内联；
保证金：0；
填充：15px 4px 17px 0；
列表样式：无；
-webkit盒阴影：0.5pxRGBA（0,0,0,0.15）；
-moz盒阴影：0.5pxrgba（0,0,0,0.15）；
长方体阴影：0.5pxRGBA（0,0,0,0.15）；
}
ulli{
字体：粗体12px/18px无衬线；
显示：内联块；
右边距：-4px；
位置：相对位置；
填充：15px 20px；
背景：#fff；
光标：指针；
-webkit转换：所有0.2秒；
-moz转换：全部为0.2s；
-ms转换：均为0.2s；
-o-过渡：均为0.2s；
过渡：均为0.2s；
}
ulli：悬停{
背景:#555；
颜色：#fff；
}
ul li ul{
填充：0；
位置：绝对位置；
顶部：48px；
左：0；
宽度：150px；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无；
显示：无；
不透明度：0；
可见性：隐藏；
-webkit transiton：不透明度0.2s；
-moz转变：不透明度0.2s；
-ms转换：不透明度0.2s；
-o-转变：不透明度0.2s；
-过渡：不透明度0.2s；
}
ulli ulli{
背景:#555；
显示：块；
颜色：#fff；
文本阴影：0-1px0#000；
}
ulli：悬停{
背景:#666；
}
ul-li：悬停ul{
显示：块；
不透明度：1；
能见度：可见；
}

菜单01
菜单02

子菜单01
子菜单02
子菜单03


菜单03

将无序列表（

）转换为选项选择（

）。关于其他你需要知道的样式表，你能帮我更多吗？我需要帮助。你说的更多是什么意思？难道你对html和css一无所知？如果是这样，那么我建议你开始阅读“入门”指南。还有一件事：我们很抱歉你显然受到时间压力（为什么会），但这不是我们的问题。请停止那些烦人的“尽快”的东西。谢谢。我已经尝试了一些技巧，但我无法制作一个有效的下拉菜单，如果你不想帮助我，我会要求你留下这个问题。如果是这样，那么展示一些“技巧”。你可能想读这篇文章：OPREMA，O NAMA和KONTAKT只是另一个菜单项，它们不应该在下拉列表中，我会在下拉列表中添加项目这是我菜单的html代码，我想让访问者在点击PROIZVODI时获得一个下拉菜单（如果可能的话，使用相同的css）。RECIKLAZA、OPREMA和CONTACT只是另一个菜单项，我不想将它们添加到下拉菜单中，在下拉菜单中我会创建一些想法。当我将鼠标悬停在按钮上时，它只是清空菜单。对不起，我不太明白。希望@Razia_sultana能为您提供解决方案

.dropbtn {
    background-image:url(download.jpg);

    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:#FFF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

<div class="dropdown">
  <button class="dropbtn">PROIZVODI</button>
  <div class="dropdown-content">
   <li><a href="reciklazaplastike.html">RECIKLAŽA</a></li>
                    <li><a href="oprema.html">OPREMA</a></li>
                    <li><a href="onama.html">O NAMA</a></li>
                    <li><a href="contactform.php">KONTAKT</a></li>
            </ul>
            <a href="#" id="pull">Meni</a>
        </nav>
  </div>