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: #A7A7A7;
text-decoration: none;
background-color: #510707;
display: block;
padding-top: 5px;
padding-right: 5px;
text-align: center;
line-height: 30px;
margin-right: 5px;
margin-left: 5px;
transition: 1s ;
border-radius: 10px ;
}
#menu a:hover {
background: #6E0707;
}
