WEB DEVELOPING WITH HTML
HELLO! FRIENDS TO DAY WE CREATE THE PROFESSIONAL WEBSITE MENU.I PROVIDE YOU ALL CODES TO CREATE THIS MENU
PLEASE SUBSCRIBE AND LIKE THIS BLOG
Screenshot of professional website menu
First open your edditer
create a file of html
<html>
<head>
<title>CSS BEST MENU</title>
<style>
#ul1
{
list-style-type:none;
margin:0px;
padding:0px;
background-color:orange;
}
.li
{
float:left;
}
a:link
{
display:block;
width:230px;
height:40px;
font-size:25px;
text-decoration:none;
line-height:40px;
text-align:center;
color:red;
margin-left:9px;
border:1px dotted #0066FF;
border-radius:30px 30px 30px 30px;
background-color:#000000;
}
a:hover
{
background-color:#66CCFF;
font-weight:bold;
color:white;
}
a:active
{
background-color:#CCCC66;
font-weight:bold;
color:#FF0000;
}
</style>
</head>
<body>
<br>
<br>
<br>
<ul id="ul1">
<li class="li"><a href="#1">HOME</a></li>
<li class="li"><a href="#1">GALLERY</a></li>
<li class="li"><a href="#1">CONTECT US</a></li>
<li class="li"><a href="#1">ABOUT US</a></li>
<li class="li"><a href="#1">VIDEOS</a></li>
<li class="li"><a href="#1">REGISTRATION</a></li>
</ul>
</body>
</html>
After putting this code in your editor
save your file this method
Comments
Post a Comment