[CSS] Menu horizontal simple y elegante
2 participantes
Página 1 de 1.
[CSS] Menu horizontal simple y elegante
Este es un simpatico menu que hice en css, es sencillo pero queda bastante bien a mi gusto...
[Tienes que estar registrado y conectado para ver esa imagen]
- Código:
<style type="text/css">
#toronja {
padding: 0;
}
#toronja li {
display: inline;
}
#toronja li a {
font-size: 12px;
text-decoration: none;
float: left;
padding: 10px;
background-color: #ff8a0b;
color: #000;
border-right: solid 1px black;
}
#toronja li a:hover {
background-color: #fea545;
margin-top: -2px;
padding-bottom: 12px;
font-weight: bold;
}
/* ESTA CLASE SE LE AGREGA AL PRIMER < li > */
.claseli a {
border-left : solid 1px black;
}
</style>
- Código:
<ul id="toronja">
<li class="claseli"><a href="#">Link 01</a></li>
<li><a href="#">Link 02</a></li>
<li><a href="#">Link 03</a></li>
<li><a href="#">Link 04</a></li>
<li><a href="#">Link 05</a></li>
<li><a href="#">Link 06</a></li>
</ul>
[Tienes que estar registrado y conectado para ver esa imagen]
Re: [CSS] Menu horizontal simple y elegante
gracias por el aporte
rubenfr- Nuevo Usuario
- Mensajes : 8
MCoins : 2203135
Gracias : 0
Advertencia :
Temas similares
» Crear un menú horizontal simple con CSS
» Menu Css para webs
» Menu Flotante Fijo [PHPBB3]
» [Code] Menu gris-rojo
» Menu Css para webs
» Menu Flotante Fijo [PHPBB3]
» [Code] Menu gris-rojo
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.