sub-menus em html e css

[Felipe Papaleo 0]

como faço para quando passar o mouse em cima de um botao da navbar abrir um sub-menu pequeno (sub-lista)

[L. Henrique 179]

Felipe,

Você vai precisar estruturar sua lista (ul / li) e adicionar outra ul dentro de uma li já definida. Exemplo:

<div class="menu">
  <ul>
    <li><a href="">Home</a></li>
    <li><a href="">Quem somos</a></li>
    <li class="submenu"><a href="">Portfolio</a>
      <ul>
        <li><a href="">Design de Produto</a></li>
        <li><a href="">Design Gráfico</a></li>
      </ul>
    </li>
    <li><a href="">Clientes</a></li>
    <li><a href="">Contato</a></li>
  </ul>
</div>

E depois brincar com propriedades CSS pra chegar no efeito que deseja:

.submenu ul {
  display: none;
}

.submenu:hover ul {
  display: block;
}

Se quiser ver isso funcionando, veja aqui a DEMO (passe o mouse em Portfolio).

Abraços!