How To Make Drop Down Menu Using HTML And CSS I

[gyun님]

How To Make Drop Down Menu Using HTML And CSS In Bangla | HTML Website Bangla Tutorials |

<style>
    .navmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }
    .navmenu ul li {
        display: inline-block;
        position: relative;
    }
    .navmenu ul li a {
        display: block;
        color: #222;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        padding: 10px;
        transition: .3s;
        -webkit-transition: all 0.5s ease 0s;
        text-decoration: none;
    }
    .navmenu ul li a:before {
        position: absolute;
        bottom: 0;
        content: "";
        width: 100%;
        height: 3px;
        background: #11d117;
        left: 0;
        opacity: 0;
        transition: .3s;
        -webkit-transition: all 0.5s ease 0s;
        visibility: hidden;
    }
    .navmenu ul li:hover > a:before, .navmenu ul li.active > a:before {
        opacity: 1;
        visibility: visible;
    }
    .navmenu ul li:hover > a, .navmenu ul li.active > a {
        background: #f4f4f4;
        text-decoration: none;
        color: #11d117;
    }
    .navmenu li ul {
        background: #fff none repeat scroll 0 0;
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransforhttp://m.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        text-align: left;
        top: 108px;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        visibility: hidden;
        width: 200px;
        z-index: -1;
    }
    .navmenu li ul li {
        display: block;
    }
    .navmenu li ul li a {
        padding-bottom: 5px;
        text-transform: none;
    }
    .navmenu li:hover ul {
        opacity: 1;
        -ms-filter: "progid:DXImageTransforhttp://m.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
        z-index: 99;
        top: 40px;
    }
</style>


<div class="navmenu">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Pages <i class="fa fa-long-arrow-down"></i></a>
<ul>
<li><a href="#">Single Column</a></li>
<li><a href="#">Two Column</a></li>
<li><a href="#">Three Column</a></li>
<li><a href="#">Four Column</a></li>
<li><a href="#">404 Not Found</a></li>
</ul>
</li>
<li><a href="#">About us</a></li>
<li><a href="#">Project </a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Projects</a>
            <ul>
<li><a href="#">First Column</a></li>
<li><a href="#">Second Column</a></li>
<li><a href="#">Third Column</a></li>
<li><a href="#">Fourth Column</a></li>
</ul>
        </li>
<li><a href="#">Contact us</a></li>
</ul>
</div>

HTML tag 드롭다운 메뉴

[gyun님]

https://www.google.com/search?q=How+To+Make+Drop+Down+Menu+Using+HTML+And+CSS+In+Bangla+%7C+HTML+Website+Bangla+Tutorials+%7C&sca_esv=596939601&rlz=1C1NDCM_koKR825KR825&tbm=isch&sxsrf=ACQVn0953UH72BQvMp2AvLrcrx57oStSdA:1704823099471&source=lnms&sa=X&ved=2ahUKEwjYsv758NCDAxWjja8BHSXyB4oQ_AUoAnoECAIQBA&biw=1366&bih=641&dpr=1 이미지

[gyun님]

https://devnote.in/how-to-create-a-smooth-dropdown-menu-using-html-and-css/

[gyun님]

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default