Ekran görüntüsü :
Kod:
<ul id="menu">
<li><a href="Link-1">Ana Sayfa</a></li>
<li><a href="Link-2">Blog</a></li>
<li><a href="Link-2">Portal</a></li>
<li><a href="Link-2">Konular</a></li>
</ul>
Kod:
#menu {
padding: 0px;
list-style-type: none;
}
#menu li {
float: left;
width: 140px;
}
#menu a {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #7A7A7A;
text-decoration: none;
background-color: #7ADCBF;
display: block;
padding-top: 5px;
padding-right: 5px;
text-align: center;
line-height: 30px;
margin-right: 5px;
margin-left: 5px;
border-bottom-color: #888888;
border-bottom-style: solid;
border-bottom-width: 2px;
}
#menu a:hover {
background: #89C8B5;
}