Ver ❯
Herramientas SEO
Tamaño del resultado:
668 x 574
×
Cambiar Orientacion
Cambiar tema, Oscuro/Luz
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Navegación pegada</title> <style> .wrapper { min-height: 1000px; /* Altura minima */ } .header, .sticky { color: #fff; /* Color del texto */ padding: 10px; /* Sangría*/ } .header { background: #009d4b; /* Color de fondo */ } .sticky { background: #3989c9; /* olor de fondo */ position: sticky; /* Posicionamiento pegajoso */ top: 0; /* Posición en la parte superior */ } .content { padding: 20px 10px; /* Sangría */ } .footer { background: #f9f9f9; /* olor de fondo */ padding: 10px; /* Sangría */ } </style> </head> <body> <div class="wrapper"> <header class="header">Nombre del sitio</header> <nav class="sticky">Navegación del sitio</nav> <div class="content">Cualquier contenido</div> <footer class="footer">Pie de página del sitio</footer> </div> </body> </html>