Learn with riwash
Article by technical riwash
Hello guys in this article i am going to teach you how to create drop down menu using html, css.
To make beautiful website drop down menu is must necessary. So here I am going to teach you how you can create drop down menu using html css.
Here is html and css tag where we make drop down menu
<hmtl>
<head>
<style type=”text/style”>
.dropdown ul{
list-style:none;
position:relative;
}
.dropdown ul li{
float:left;
font-size:30px;
margin-left:10px;
}
.dropdown ul li a:link{
color:blue;
text-decoration:none;
}
.dropdown ul li a:visited{
color:blue;
text-decoration;
}
.dropdown ul li a:hover{
background:hotpink;
color:black;
text-decoration;
}
.dropdown ul li a:active{
background:red;
color:hotpink;
text-decoration;
}
.dropdown ul ul{
display:none;
}
.dropdown ul li:hover >ul{
display:block;
}
</style>
</head>
<body>
<h1 class="dropdown">
<ul>
<li> <a href="index.php">Home </a></li>
<li> <a href="index.php">About </a> </li>
<li> <a href="index.php"> Name </a>
<li> <a href="index.php"> Riwash </a> </li>
<li> <a href="index.php"> Technical Riwash </a> </li>
<li> <a href="index.php"> Riwash chamlagain </a> </li>
<li> <a href="index.php"> Riwash php developer </a> </li>
</li>
<li> <a href="index.php">Blog </a> </li>
</h1>
</body>
</html>
So this is a way that how you can create drop down menu .
If you think this article is help ful then please like , comment , share and
subscribe my youtube channel learn with riwash.
My name is riwash chamlagain i am from nepal i am owner of withmeriwash.com company .
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.
No comments:
Post a Comment