Encontrar un código de menú desplegable CSS simple
lthead gt
ltmeta http-equiv = " Tipo de contenido " Contenido = " text/html;charset=gb2312" />
lttitle gt Documento sin título
ltstyle type="text/css " >>p>
Texto {
Color de fondo: blanco;
tamaño de fuente: 12px;
Familia de fuentes: Arial, Helvetica, sans-serif
Margen: 0px
Relleno: 0px
Color: blanco
}
ul, li{
Margen: 0px
Relleno: 0px
}
李{
Pantalla: en línea;
Estilo de lista: ninguno;
Posición de estilo de lista: externo
<; p>Alineación del texto: centro;Peso de fuente: negrita;
Flotante: izquierda;
}
Respuesta: Enlace {
Color: #336601;
Decoración de texto: Ninguna;
Flotador: Izquierda;
Ancho: 100 px;
Relleno: 3px 5px 0px 5px
}
Respuesta: Visitado{
Color: #336601;
Texto- Decoración: Ninguna;
Flotante: Izquierda;
Relleno: 3px 5px 0px 5px
Ancho: 100 px;
}
Respuesta: flotar {
Color: blanco;
Flotador: izquierda
Relleno: 3px 3px 0px 20px; >Ancho: 88px
Decoración del texto: Ninguna;
Color de fondo: # 539D26
}
A: Activo {
Color: blanco;
Flotador: izquierda;
Relleno: 3px 3px 0px 20px
Ancho: 88px
Decoración de texto: Ninguna;
Color de fondo: # BD06B4
}
#nav{
Ancho: 600px
Alto: 30px
Borde inferior: 0px
Relleno: 0px 5px
Posición: Absoluta;
Índice z: 1;
Izquierda: 198 px;
arriba:
}
.
Lista {
Alto de línea: 20 px
Alineación del texto: izquierda;
Relleno: 4 px
Peso de fuente: normal;
p>
}
.menu1{
Ancho: 120 px;
Alto: automático
Margen: 6px 4px 0px 0px
Borde: 1px sólido #9CDD75
Color de fondo: #f 1 fbec;
Color: #336601;
Relleno: 6px 0px 0px 0px
Cursor: Mano;
Desbordamiento-y: Ocultar;
Filtro: Alfa (opacidad = 70);
p>
-moz-opacidad: 0.7;
}
menú2{
Ancho: 120 px; p>
Alto: 18px;
Margen: 6px 4px 0px 0px
Color de fondo: # F5F5F5
Color: # 999900
Borde: 1px sólido #EEE8DD
Relleno: 6px 0px 0px 0px
overflow-y:hide;
Cursor: mano;
}
lt/estilo gt;
lt/cabeza gt
ltbody gt
ltdiv id="nav " >
ltul gt
lt李 class = " menú 2 " onMouseOver = " this . class nombre = ' menú 1 ' " onMouseOut = " this . clase nombre = ' menú 2 ' " gt;i Página de inicio
ltdiv class="list " >
lta href = " # " gtMe gusta CSS
lta href = " # " gtMy página de inicio
lta href = " # " gtMi registro
lta href = " # " gtMi registro
lta href = " # " gtMi álbum
lta href = " # " gtMi colección
lt/div gt;
lt/李gt
lt李class = " menú 2 " onMouseOver = " this . class name = ' menu 1 ' " onMouseOut = " this . class name = ' menu 2 ' " gt Círculo comunitario
ltdiv class="list" >
lta href = " # " gtMi página de inicio
lta href = " # " gtMi registro
lta href = " # " gtMi álbum de fotos
lta href = " # " gtMi colección
lt/div gt;
lt/李gt
lt李class = " menú 2 " onMouseOver = "
this . nombre de clase = ' menú 1 ' " onMouseOut = " this . nombre de clase = ' menú 2 ' " gt; Mi SMS
ltdiv class="list "
lta href. = " # " gtMe gusta CSS
lta href = " # " gtMi álbum de fotos
lta href = " # " gtMi colección
lt/div gt;
lt/李gt
lt李 class = " menú 2 " onMouseOver = " this . class nombre = ' menú 1 ' " onMouseOut = " this . clase nombre = ' menú 2 ' " gt; Gestión de cuentas
ltdiv class="list " >
lta href = " # " gtMe gusta CSS
lta href = " # " gtMy página de inicio
lta href = " # " gtMi diario
lta href = " # " gtMi álbum de fotos
lta href = " # " gtMi colección
lta href = " # " gtMi diario
lta href = " # " gtMi álbum de fotos
lta href = " # " gtMi colección
lt/div gt;
lt/李gt
lt/ul gt;
lt/div gt;
lt/body gt;
lt/html gt;
Pasé medio día haciendo esto y solicité encarecidamente agregar algunos
QQ: 471108626
.