Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

2 sencillos pasos para crear la barra de navegación superior

 En este tutorial veremos cómo crear una barra de navegación superior. La barra de navegación es la parte más importante de cualquier sitio web o blog.

Así que aquí vamos a utilizar los 2 sencillos pasos para crear una barra de navegación con HTML y CSS.

1. Escribir marcado

<div class = "nav">        
<ul>
<li class = "home"> <a href="#"> Inicio </a> </li>
<li class = "about"> <a href = "# "> Acerca de </a> </li>
<li class =" service "> <a href="#"> Servicio </a> </li>
<li class =" contact "> <a href =" # "> Contacto </a> </li>
</ul>
</div>

2. CSS

<estilo> .nav ul {    
estilo de lista: ninguno;
color de fondo: # 444;
alineación de texto: centro;
acolchado: 0; margen: 0;
}
.nav li {
tamaño de fuente: 1.2em;
altura de línea: 40px;
altura: 40px;
borde inferior: 1px sólido # 888;
pantalla: bloque en línea;
relleno: 14px 16px;
}
.nav a {
decoración de texto: ninguna;
color: #fff;
bloqueo de pantalla;
transición: .3s color de fondo;
}
</style>

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas