El mejor tutorial de CSS barra de navegación en 2024. En este tutorial podrás aprender Ejemplo: Barra de navegación,Barra de navegación,Navegación Lista vincula =,Ejemplos,Ejemplos,barra de navegación vertical,Ejemplos,Barra de navegación horizontal,elementos de la lista en línea,Ejemplos,Flotante elementos de la lista,Ejemplos,
el uso adecuado de navegación para cualquier sitio web es muy importante.
Con CSS se puede convertir en una bonita barra de navegación HTML en lugar de menús aburridos.
Como una barra de navegación basado en el estándar HTML es una necesidad
. En nuestro ejemplo vamos a crear una lista de HTML barra de navegación estándar.
Barra de navegación es básicamente una lista de enlaces, a fin de utilizar <ul> y <li> Los elementos son muy significativas:
Ahora, vamos a eliminar márgenes y el relleno de la lista:
Ejemplos de análisis:
El código de ejemplo anterior se encuentra en los códigos de barras verticales y horizontales de navegación estándar utilizados.
El código anterior, sólo necesitamos elementos de estilo <a>, el establecimiento de una barra de navegación vertical:
El ejemplo muestra:
Consejo: Ver ejemplo de un estilo totalmente barra de navegación vertical .
Nota: Asegúrese de especificar el ancho del elemento en los <a> barra de navegación vertical 's.Si se omite el ancho, IE6 puede producir resultados inesperados.
Hay dos maneras de crear una barra de navegación horizontal. Use elementos de listaintegrado o flotante.
Ambos métodos están bien, pero si quieres enlazar con el mismo tamaño, debe utilizar el método de flotación.
Uno de construir una barra de navegación horizontal es especificar
ejemplos de análisis:
Consejo: Ver ejemplo de una barra de navegación horizontal totalmente de estilo .
En el ejemplo anterior enlaces tienen diferentes anchuras.
Para todos los enlaces de igual anchura, flotar <li> y especificar el ancho del elemento <a>:
ejemplos de análisis:
Consejo: Ver ejemplo de una barra de navegación horizontal totalmente de estilo. .