Ver ❯
Herramientas SEO
Tamaño del resultado:
668 x 574
×
Cambiar Orientacion
Cambiar tema, Oscuro/Luz
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Trucos y efectos de CSS3 - Tutoriales En Linea</title> </head> <body> <style> main{ width: 100%; height: 392px; } section input:checked ~ p{ display: none } .main > header, .main > section, .main > footer{ padding: .1em calc(50% - 329px); text-align: justify; hyphens: auto; } header{ text-align: center; } section { box-sizing: border-box; min-height: calc(100% - 59px - 107px); } footer{ color: white; background: #747e7f; } </style> <main class="main"> <header> <h1>Encabezado del sitio</h1> </header> <section> <input id="con-1" type="checkbox" checked/> <label for="con-1"><b>Alternar contenidos</b></label> <p>Tutoriales En Linea es un portal web de tutoriales, cursos, manuales, trucos, tips, novedades, video tutoriales, formas de ganar dinero online, entretenimiento y demás. También es un sistemas instructivos de autoaprendizaje que pretenden simular al maestro y muestran al el desarrollo de algún procedimiento o los pasos para realizar determinada actividad...</p> <p>Tutoriales En Linea es un portal web de tutoriales, cursos, manuales, trucos, tips, novedades, video tutoriales, formas de ganar dinero online, entretenimiento y demás. También es un sistemas instructivos de autoaprendizaje que pretenden simular al maestro y muestran al el desarrollo de algún procedimiento o los pasos para realizar determinada actividad...</p> <p>Tutoriales En Linea es un portal web de tutoriales, cursos, manuales, trucos, tips, novedades, video tutoriales, formas de ganar dinero online, entretenimiento y demás. También es un sistemas instructivos de autoaprendizaje que pretenden simular al maestro y muestran al el desarrollo de algún procedimiento o los pasos para realizar determinada actividad...</p> </section> <footer> <p>© TL</p> <p>Trucos de CSS3 que necesita saber para el desarrollador web.</p> </footer> </main> </body> </html>