Cómo hacer un menú desplegable usando CSS

Menú desplegable de CSS puro, lo que se entiende aquí es que la etiqueta lt; ligt; está anidada dentro de la etiqueta lt; ligt; Establezca el estado normal de la etiqueta lt; ligt; de la funda nórdica en oculta. Cuando el mouse se mueva a la etiqueta lt; ligt;

Publicar un menú desplegable CSS puro (nivel 2) extraído de Internet

lt;!DOCTYPE HTMLgt

lt;htmlgt; >

lt;headgt;

lt;meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" /gt; titlegt; la producción de Utilization Float es compatible con el menú desplegable CSS puro de IE6;/titlegt;

lt;style type="text/css"gt; ; relleno: 0; }

ul { estilo de lista: ninguno }

a: hover {color: #555 }

.nav { float : izquierda; desbordamiento: oculto; alineación de texto: centro; tamaño de fuente: 14px; }

.nav dd { float: izquierda; margen: -888px -150px } /p>

.nav dd a { float: izquierda; margen superior: 888px; altura de línea: 30px; abajo: 1px sólido #fff }

.nav a: hover { margen derecho: 1px; fondo: #3cf;

.nav dd ul { float: izquierda; -tamaño: 0; z -index: 888; }

.nav dd li a { claro: izquierda; ancho: 150px; margen superior: 0;

.nav dd li a: hover { margin-right: 1px }

lt;/stylegt

lt;/headgt; ;bodygt;

lt;dl class="nav"gt;

lt;ddgt;lt;a href=""gt;Página de iniciolt;/agt;lt;/ddgt;

lt;ddgt;

lt;a href=""gt;Acerca de nosotroslt;/agt;

lt;ulgt; >lt;ligt ;lt;a href=""gt;Perfil de la empresalt;/agt;lt;/ligt

lt;ligt;lt;a href=""gt;Cultura de la empresalt;/agt; ;lt ;/ligt;

lt;ligt;lt;a href=""gt;Honor Corporativolt;/agt;lt;/ligt;

lt;ligt;lt; a href=""gt;Contáctenoslt;/agt;lt;/ligt;

lt;/ulgt;/p>

lt;/ddgt; ;ddgt;

lt;

ef=""gt; Noticiaslt;/agt;

lt;ulgt;

lt;ligt;lt;a href=""gt;Noticias nacionaleslt;/agt; /ligt;

lt;ligt;lt;a href=""gt;Noticias extranjeraslt;/agt;lt;/ligt;

lt;/ulgt;

lt;/ddgt;

lt;ddgt;

lt;a href=""gt;Visualización del productolt;/agt; ulgt;

lt;ligt;lt;a href=""gt;111lt;/agt;lt;/ligt;

lt;ligt;lt; gt;222lt;/agt;lt;/ligt;

lt;/ulgt;

lt;/ddgt;

lt; p>

lt;/bodygt;

lt;/htmlgt;