CSS Navigation Bar
➢Having easy-to-use navigation is important for any web site.
➢With CSS you can transform boring HTML menus into good-looking navigation bars.
➢A navigation bar needs standard HTML as a base.
➢In our examples we will build the navigation bar from a standard HTML list.
➢With CSS you can transform boring HTML menus into good-looking navigation bars.
➢A navigation bar needs standard HTML as a base.
➢In our examples we will build the navigation bar from a standard HTML list.
EXAMPLE:
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
<ul>
<li><a href="#link1">Home</a></li>
<li><a href="#link2">Education</a></li>
<li><a href="#link3">News</a></li>
<li><a href="#link4">Coding</a></li>
<li><a href="#link5">Reference</a></li>
<li><a href="#link6">About</a></li>
<li><a href="#link7">Contact</a></li>
</ul>
list-style-type: none;
margin: 0;
padding: 0;
}
<ul>
<li><a href="#link1">Home</a></li>
<li><a href="#link2">Education</a></li>
<li><a href="#link3">News</a></li>
<li><a href="#link4">Coding</a></li>
<li><a href="#link5">Reference</a></li>
<li><a href="#link6">About</a></li>
<li><a href="#link7">Contact</a></li>
</ul>
Run
FEEDBACK
