HTML
DROPDOWN MENU
HTML CODE
<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
Your feedback is important for us :)

Post a Comment
0 Comments