CSS NAVIGATION BAR PAGE 15

CSS NAVIGATION BAR

Css Navigation Bar

easy-to-use navigation is important for any web site.
With CSS you can transform boring HTML menus into good-looking navigation bars.
Note: Navigation Bar = List of Links
Example:45
<html><head> <style>
ul {
list-style-type:none;
margin:0;
padding:0;    }
a  {
display:block;
width:60px;
background-color:#dddddd;  }
</style>  </head>
<body>
<ul>   <li><a href="#home">Home</a></li>
         <li><a href="#jobs">jobs</a></li>
         <li><a href="#contract">Contracts</a></li>
         <li><a href="#about">contact</a></li>           </ul>
<p>A background color is added to the links to show the  link area.</p>
<p>Notice that the whole link area is clickable, not just  the text.</p>
</body></html>