Fazendo Menu Horizontal com CSS

HTML:

 <div id=”menuhoriz”>
<ul>
<li>Bot&oacute;n uno</li>
<li>Bot&oacute;n dos</li>
<li>Bot&oacute;n tres</li>
</ul>
</div>

CSS:

#menuhoriz ul li {
display: inline;
padding: 2px 7px; /*Separar el texto*/
margin:5px; /* Separar los botones */
background-color:#E4E4E4; /* Color de fondo */
}
#menuhoriz ul li:hover {
background-color:#CCCCCC; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
#menuhoriz ul {
/* Linea para delimitar la botonera */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4;
}

Algumas idéias para menus horizontais

Fonte: http://www.webintenta.com

2 comentários sobre “Fazendo Menu Horizontal com CSS

  1. #menuhoriz ul {
    /* Linea para delimitar la botonera */
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E4E4E4;
    }

    Não há necessidade de tantas linhas: border-bottom: #E4E4E4 1px solid;

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s