bjlkl adlı üyeden alıntı

:) font-family ile olaya renk katmışsın şuanki hazırladığım menü sadece öğrenmek ve insanlara da göstermek için. video dersler çekiyorum html ve css ile ilgili. bu yüzden insanlara bunu anlatacak bir örnek tasarladım ben de kendi kodlarımın son halini paylaşayım

.menu{
list-style-type:none;
margin:0;
padding:0;
width:750px;
height:35px;
background-color:grey;
float:left;
}
.menu a{
width:auto;
height:35px;
font-size:15px;
color:white;
padding-left:20px;
padding-right:20px;
line-height:35px;
float:left;
}
.menu li:hover{
background-color:green;
}
.menu li{
position:relative;
list-style-type:none;
width:auto;
float:left;
}
.menu li ul{
position:absolute;
width:150px;
height:auto;
top:35px;
margin:0;
padding:0;
display:none;
background-color:orange;
}
.menu li ul a{
width:110px;
}
.menu li:hover ul{
display: block;
}



Karşılaştırırsak benimki göze hitap ediyor sub'ları kaydırmışsın :)