CSS NAVIGATION BAR

rainbow baker

 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

Note: We use href="#" for test links. In a real web site this would be URLs.

Tags
Our website uses cookies to enhance your experience. Learn More
Accept !

GocourseAI

close
send