Como crear un menú horizontal con CSS

0

En The Design Superhero encuentro un tutorial que nos explica claramente como crear un menú horizontal con Css de forma muy sencilla. Ideal para aprender de una vez como tener un sistema de navegación para nuestro sitio, y una vez nos manejemos mejor, poder modificarlo a nuestro gusto.

Lo primero es crear el HTML, que estará formado por algo como esto:
——————————
<ul id=”button”>
<li> <a href=”#”>Inicio</a></li>
</ul>
——————————

Donde la segunda línea es una de las opciones del menú, en este caso “Inicio”.

Seguimos con el CSS, que es lo que le dará estilo al menú. Como será un menú horizontal, deberemos poner:
——————————–
#button li {display:inline;}
——————————–

Y solo queda comenzar con Css a darle color y forma al menú.

A todo esto nos ayuda el tutorial, que logrará obtener un diseño como el que vemos en la imagen. Así que los invito a que lo visiten.

Quizas te interese   Free Css: Template, menú, layouts y más

Dejar una respuesta

Please enter your comment!
Please enter your name here