ul # nav lista {margin : 20px ; padding : 0 ; list-style : none ; ancho : 525px ;}
3

Hacer la barra de navegación van en una línea a través de la página web copiando y pegando lo siguiente en el Bloc de notas:

ul # nav li lista {display : inline }
4

Crear los enlaces para la barra de navegación , al copiar y pegar el siguiente :

ul # nav li - lista a {text -decoration : none ; padding : 5px 0 , ancho : 100px ; fondo : # 485e49 ; color: # eee ; float: izquierda ;
5

alinear el texto en la Navbar copiando y pegando el siguiente :

ul # nav li - lista a {text -align : center; border-left : 1px sólido # fff ;}
6

Crear un color vuelco al copiar y pegar el siguiente :

ul # nav li - lista a: hover {background : # a2b3a1 ; color: # 000 }
7

Cambiar cualquiera de los colores tecleando el código del color de su elección . Buscar todos los símbolos " #" y reemplazarlos con las direcciones URL para crear los enlaces de " Inicio ", " Nosotros ", "Servicios ", " productos" y " Contacto " . ;
8

Guardar el archivo de código Navbar en el Bloc de notas. Pulse la tecla "Ctrl " + "A" para seleccionar todos. Abra su página Web y vaya al editor de HTML CSS. Pulse la tecla "Ctrl " + " V " para copiar el código Navbar . Guarde el código para entrar en su página web.