19-01-2017 Saat: 11:39
Ekran Görüntüsü :
Kod:
<ul id="menu">
<li><a href="Link-1">Ana Sayfa</a></li>
<li><a href="Link-2">Üye Listesi</a></li>
<li><a href="Link-2">Portal</a></li>
<li><a href="Link-2">Yardım</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: #D5D5D5;
text-decoration: none;
background-color: #A8BEBD;
display: block;
padding-top: 5px;
padding-right: -3px;
line-height: 30px;
margin-right: 5px;
margin-left: 5px;
border-bottom-width: 2px;
margin-top:10px;
margin-left: 40px;
width:100px;
margin : 10px 60px 1px 1px;
margin-left: auto;
margin-right: auto;
text-align: left;
border: solid 1px;
border-radius: 2px/2px;
margin:0 auto;
text-align:center;
display: block;
padding: 5px 0;
line-height: 17px;
}
#menu a:hover {
background: #7D7D7D;
}