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> .tl{ width:70%; padding: 60px 80px 80px; background: #b4a078; } div{ padding: 12px; margin: 20px auto; background: white; border: 10px solid hsla(0, 0%, 100%, .5); } label{ color: #f4f0ea; } input[id="pb"]:checked ~ div{ background-clip: padding-box; } </style> <div class="tl"> <input id="pb" type="checkbox" checked/> <label for="pb">padding-box(default)</label> <div>Esto es un un párrafo de texto de relleno. Tutoriales En Linea...</div> </div> </body> </html>