In this video i am going to teach you how to create beautiful navigation for website using html , css .
website development course
here is the code:
<html>
<head>
</head>
<style>
nav{
width: 100%;
background: orange;
height: 40px;
}
nav ul li{
list-style: none;
float: left;
}
nav ul li a{
padding: 10px;
line-height: 40px;
text-decoration: none;
color: white;
}
nav ul li a:hover{
background: purple;
}
</style>
<body>
<nav>
<ul>
<li><a href="http://www.google.com">Home</a></li>
<li><a href="first.html">About</a></li>
<li><a href="">Services</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</body>
</html>
No comments:
Post a Comment