Como se faz um menu com linha dividido o menu ?

[Lucas Souza]

Como se faz um menu com linha dividido o menu ?

tipo esse site ?

http://www.boticario.com.br/

[Markus Magnus]

Faça algo tipo isso:

<style type="text/css" >
//Cria uma borda à direita em todas as li
ul.menu li {
    border-right: 1px solid #C0C0C0;
}
//Tira a borda da última li
ul.menu li:last {
    border-right: none;
}
</style>
<ul class="menu">
    <li>
        <a href="/home">
            HOME
        </a>
    </li>
    <li>
        <a href="/noticias">
            NOTÍCIAS
        </a>
    </li>
    <li>
        <a href="/galerias">
            GELERIAS
        </a>
    </li>
    ...
</ul>

Espero ter ajudado.

Tudo de bom.