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>Las diferencias entre :focus y :active</title> </head> <body> <style> button { background-color: blue; color: white; border-radius: 50px; padding: 1em 2em; font-size: 1rem; outline: 0; } button:focus { box-shadow: 0 0 0 2px white, 0 0 0 4px blue; } button:active { background-color: DarkBlue; box-shadow: 0 0 0 2px white, 0 0 0 4px DarkBlue; } </style> <button>Enviar</button> </body> </html>