Abra un editor de texto, como el Bloc de notas, EditPad o TextPad. Hacer clic "Archivo" y "Nuevo" para crear un nuevo documento CSS.

Inserte el siguiente código CSS en que la página. En él se establecen los márgenes superior e inferior a cero en su página web:

body {margin: 0- acolchado: 0-}

Inserte el siguiente código debajo de la línea de código anterior. Se crea un estilo para la barra de navegación, que cubre todo el ancho de su contenedor principal o sección. También la izquierda; alinea la barra (tan a la izquierda como sea posible de su contenedor) y le da un fondo negro. Para cambiar el color de fondo para la navegación, el cambio "negro" a un color diferente, pero deja intacto el punto y coma.

{nav

anchura: 100% - flotador: izquierda; fondo: negro-}

Agregue el siguiente código debajo de la línea de código anterior. Se quita las balas de la etiqueta de UL y elimina márgenes y el relleno:

nav ul {

margen: 0- padding: 0- list-style-type: none; }

Agregue el siguiente código CSS por debajo del código anterior. Esto hace que el contenido dentro de la pantalla de navegación en la misma línea:

li {nav

display: inline-}

Agregue el siguiente código debajo de las anteriores líneas de código. Se da formato a los enlaces dentro de la navegación y los muestra en forma de fichas. Se añade un relleno vertical de 2 píxeles y el relleno horizontal de 15 píxeles a cada enlace. Se elimina el subrayado de los enlaces, hace que el blanco de texto y aplica un fondo negro. También añade un borde fino, de color blanco a la derecha de cada enlace. Para personalizar la barra de navegación, cambiar los colores dentro del código.

nav ul a {

display: flotante por bloques: izquierda; padding: 2px 15px; text-decoration: none; Antecedentes: el color negro-: blanco-border-right: 1px solid blanco-}

Agregue la siguiente línea de código para cambiar el color de fondo de las pestañas cuando se seleccionan:

nav ul a: hover {

fondo: azul-}

Hacer clic "Archivo" y "Salvar" en el menú. El nombre del archivo "nav.css" en el "Guardar como" caja de diálogo. Coloque el archivo en la misma carpeta que el archivo HTML en la barra de navegación irá. Hacer clic "Salvar."

Utilice Bloc de notas o un editor de texto similar para abrir el archivo HTML en el que se coloca la barra de navegación.

Desplazarse a la "cabeza" sección, situado en la parte superior de la página, justo debajo de la "" código. Para identificar la sección correcta, haga clic entre "" y "" e insertar el código siguiente:

Desplazarse por debajo de la abertura "cuerpo" etiquetar y haga clic donde desea que la barra de navegación que se vea. Inserte el siguiente código, pero reemplace "#" con la dirección del sitio web que estás enlazando. Reemplazar "Enlace 1," "Enlace 2," y "enlace 3" con el texto que desea mostrar en la barra de navegación.

Hacer clic "Archivo" y "Salvar" en el menú para guardar los cambios.