Cómo hacer un menú plegable en CSS

Cascading Style Sheets o CSS, pueden ser usados ​​para crear un plegable de menú sin tener que utilizar un lenguaje de programación como Java. Usted puede mantener sus elementos de menú ocultos hasta que el usuario coloca su cursor sobre ellos. Usted puede personalizar el menú de la fuente y los colores de su elección, editarlo con el Notepad de Windows. A continuación, puede subirlo a su sitio web para su uso. 

COLLAPSIBLE

Haga clic en Inicio, Todos los programas y haga clic en Bloc de notas para abrir el editor de texto. Haga clic en Archivo, Nuevo.

Escriba el siguiente script para crear el estilo de la parte superior del menú:

# Caer li.top {font-family: Palatino, Arial, san-serif; font-size: 100%; color: # FF00FF;}

Escriba el siguiente script para construir los estilos para los otros elementos del menú:

# Caer ul enlace {display: none; font-family: Palatino, Arial, san-serif; font-size: 75%; color: # 0000FF;}.

Escriba # drop ul: hover enlace {display: block;} y # gota. {Position: absolute;} para mostrar los elementos de menú cuando se pasa sobre ellos y también para asegurar la parte superior del menú no desplaza a los elementos.

Escriba el siguiente script para crear el plegable de menú:

div id = caída ul id = cabeza li class = Toptop / li li class = linka href = # Artículo 1/a/li li class = linka href = # Artículo li class = 2/a/li linka href = # Artículo 3 / a / li / ul / div

Guarde el archivo como un archivo html. Y subirlo a su sitio web.