Cómo usar Generador de botones CSS

La respuesta corta

Para crear un botón CSS, define el texto, los colores, el padding, el radio del borde, el borde, la sombra, la fuente y el efecto hover, y copia el HTML y el CSS. La vista previa muestra los estados normal, hover y focus, con una comprobación de contraste accesible.

Funciona en tu navegador. Lo que introduces no se sube.

Cómo se usa

Escribe o pega tu texto en la herramienta.

Elige las opciones que necesites.

Mira cómo el resultado se actualiza al instante.

Copia o descarga el resultado.

Límites que conviene conocer

¿Uso <button> o <a>? <button> para acciones dentro de la página; <a> para enlaces que llevan a otra página.

¿Hace falta un estilo de focus? Sí. Quienes navegan con teclado necesitan un contorno de focus visible, y el CSS generado lo incluye.