Entradas

Mostrando entradas de abril, 2019

Barra de navegación por listas horizontales

Imagen
Para  crear una barra de navegación horizontal por listas  es necesario conseguir que los  elementos de la lista se pongan uno detrás de otro en la misma línea  (lo normal de las listas es que aparezcan los elementos uno debajo del otro en líneas diferentes). Cada elemento será un enlace. CSS aportará el dinamismo a la barra de navegación creando los efectos.  Código HTML de la lista - Barra de navegación   El código HTML de la lista para hacer la barra de navegación es sencillo. Lo más complejo es aplicar las declaraciones de estilos.  <div id="navegador"> <ul> <li><a href="#">Elemento 1</a></li> <li><a href="#">Elemento 2</a></li> <li><a href="#">Elemento 3</a></li> <li><a href="#">Elemento 4</a></li> </ul> </div> Barra de navegación = Lista de Enlaces Una barra de navegación necesita HT