Menú desplegable con HTML5 y CSS3

| diciembre 29, 2011 |

En este tutorial haremos un menu desplegable con HTML5 y CSS3. Una de las buenas cosas de olvidarnos de IE6, es que podemos crear simples menús desplegables, sin necesidad de usar Javascript, ya que el selector ":hover" funciona en todos los elementos.

Estructura del "index.html":

Código :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Menú Desplegable Vertical y CSS3</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
   <nav>
      <li class="parent"><a href="#">Cristalab</a>
         <ul>
            <li><a href="#">Blogs</a></li>
            <li><a href="#">Foros</a></li>
            <li><a href="#">Tutoriales</a></li>
            <li ><a href="#">Cursos</a></li>
  ...
Continua leyendo desde la fuente

Related posts:

  1. Activar CSS3 y HTML5 en editor de Visual Studio 2010 Comparto este sencillo tutorial para activar la sensibilidad del editor...
  2. Animar barra de progreso en HTML5 y CSS3 En este tutorial veremos como hacer una barra de progreso...
  3. Formulario de contacto en HTML5 y CSS3 Hola a todos, espero que se encuentren muy bien. Vamos...
  4. Transición de color con HTML5 Y CSS3 Afinamos el efecto de transición cambiando colores directamente en HTML5...
  5. Texto sombreado y en 3D con CSS 3 y HTML5 Si has intentado crear texto en 3D utilizando CSS3 y...

Related posts brought to you by Yet Another Related Posts Plugin.

Leave a Reply