Menú simple con CSS

Existe páginas Web que contienen menús con demasiados efectos que hacen ralentizar la carga de nuestras páginas Webs.

Contra más fácil y simple sea nuestro código, más rápido cargaran nuestras páginas Webs. Si podemos evitar el uso de imágenes en los menús entre otras cosas podemos acelerar la carga.

En este artículo vamos a detallar como disponer de unos menús muy sencillos y editables mediante CSS sin utilizar imágenes ni efectos muy sotisficados.

Es sencillísimo podemos jugar con el CSS para cambiar los colores o añadir algún efecto más, esto se los dejo a su imaginación.

En los ejemplos verán que el código HTML (estructura) está separado del código CSS (Presentación o formato); esto nos ayuda a modificar rápidamente el código, ahorrar el ancho de banda entre otros detalles importantes para la aceleración de la carga de nuestra Web.

Ver ejemplo del menú horizontal

Ver ejemplo del menú vertical