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.
- A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect sense
- In our examples we will build the navigation bar from a standard HTML list.
EXAMPLE
<!DOCTYPE html>
<html>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<p>Note: We use href="#" for test links. In a real web site this would be URLs.</p>
</body>
</html>
OUTPUT