Cómo crear un CSS desplegable de la barra de navegación

Cascading Style Sheet clases permiten sentar a cabo cualquier elemento de página HTML, como una barra de navegación. Se utiliza la etiqueta "lista" para crear la lista de usuarios de valores puede hacer clic en el menú y, a continuación, aplicar clases CSS a la lista para crear el diseño. Usted puede cambiar el fondo del botón, desplegable colores, tipo de letra y estilos de texto. Puede insertar clases CSS directamente en la página HTML, o en un archivo CSS independiente vinculado en el código HTML.

Instrucciones

1 Haga clic en la página Web HTML que desea utilizar para su menú de navegación. Haga clic en "Abrir con", y luego haga clic en el editor HTML en la lista de programas.

2 Crear los elementos de menú. Por ejemplo, el código siguiente crea un elemento de menú "Inicio" y un elemento de menú "Acerca de mí":

<Ul ID = "Menú">

<Li> <a href="home.html"> página inicial </a> </ li>

<Li> <a href="AboutMe.html"> Acerca de mí </a> </ li>

</ Ul>

3 Crear el estilo CSS. Se puede utilizar cualquier propiedad CSS para configurar el menú HTML. En este ejemplo, el margen y el color de fondo se editan. Escriba el siguiente código en el archivo HTML para crear una clase de CSS en línea:

<Script type = "text / css">

menú

{

margin: 0;

background-color: #ffffff;

}

</ Script>

La clase es el nombre con el ID del menú, así que la clase vincula automáticamente al menú apropiado.

4 Guarde los cambios y abrir el archivo HTML con un navegador Web. Revisar su menú para asegurarse de que el diseño que funciona para su página.