HTML CODE

<!DOCTYPE html>
<html>
<head>
<title> DROPDOWN MENU IN HTML</title>

 <style type="text/css">

ul {padding: 0;
margin: 0;}

 ul li {list-style: none;
background: red;
width: 150px;
float: left;
border: 1px solid white;
height: 40px;
text-align: center;
line-height: 40px;
position: relative;}

 ul li a {text-decoration: none;
color: white;
display: block;}

 ul li:hover {background: blue;}

ul ul {display: none;}

 ul li:hover > ul {display: block;}

 ul ul ul {margin-left: 150px;
position: absolute;
top: 0;}


</style>

 </head>

 <body>

 <ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Courses</a>

 <ul>
<li><a href="#">JAVA</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">HTML</a>

 <ul>

<li><a href="#"> HTML 1</a></li>
<li><a href="#"> HTML 2</a></li>
<li><a href="#"> HTML 3</a></li>
<li><a href="#"> HTML 4</a></li>

</ul>
</li>

<li><a href="#">CSS</a></li>
<li><a href="#">JAVA SCRIPT</a></li>

 </ul>
</li>

<li><a href="#">Login</a></li>
<li><a href="#">Contact Us</a></li>

 </ul>

 </body>
</html>

BROWSER VIEW


https://abhisharmaofficial.blogspot.com/
Your feedback is important for us :)