Demo
Code
<style type="text/css">
#Nav
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
#Nav li
{
display:inline;
}
#Nav a:link,#Nav a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:black;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
#Nav a:hover,#Nav a:active
{
background-color:#F0F0E0;
color:black;
}
</style>
<ul id="Nav">
<li><a href="#home">Home</a></li>
<li><a href="#news">Serive</a></li>
<li><a href="#contact">Whats New</a></li>
<li><a href="#about">Contact</a></li>
</ul>
Code
<style type="text/css">
#Nav
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
#Nav li
{
display:inline;
}
#Nav a:link,#Nav a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:black;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
#Nav a:hover,#Nav a:active
{
background-color:#F0F0E0;
color:black;
}
</style>
<ul id="Nav">
<li><a href="#home">Home</a></li>
<li><a href="#news">Serive</a></li>
<li><a href="#contact">Whats New</a></li>
<li><a href="#about">Contact</a></li>
</ul>
Comments
Post a Comment