criar um submenu menu drop down css fácil!

Olá galera hoje vou ensinar a como criar um submenu é muito fácil!
vamos la..
eu fiz um menu básico e vocês podem editar e tals do jeito que quiser!
Código do menu html + css:
<div id="submenubpd">
<li><a href="#">Home</a></li>
  <li><a href="#">Editar</a></li>
  <li><a href="#">Editar</a></li>
 <ul>
 <li><a href="#">Editar</a></li>
<li><a href="#">Editar</a></li>
 </ul>
</div><style>
#submenubpd{
list-style-type:none;
}
#submenubpd li{
position: relative;
float: left;
padding: 9px;
height: 23px;
background-color: #000;
line-height: 28px;
}
#submenubpd li a{
font-size:13px;
color:#fff;
text-decoration:none;
}
#submenubpd li ul{
position: absolute;
top: 25px;
left: -35px;
display: none;
}
#submenubpd li:hover ul, .submenubpd ul li:hover ul, .submenubpd.li.over ul, .submenubpd li ul li.over ul{
display:block;
}
#submenubpd li ul li {
height:25px;
width:150px;
line-height:25px;
display:block;
}
</style>
pronto agora é só customizar o css do seu jeito!

0 comentários:

Postar um comentário

Obrigada por comentar, deixe seu blog no comentário para eu retribuir *-*