Herramientas gratuitas
Español
Generar botones CSS
Generar botones CSS — Elige tamaños o colores y revisa el código o resultado. Guía de entrada: Color de fondo, Color, Relleno del botón (px), Radio de esquina (px). Sin cuenta.
Sin cuenta
Cargando herramienta…
Cómo usar
- 1Guía de entrada: Color de fondo, Color, Relleno del botón (px), Radio de esquina (px).
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copiar resultado / Guardar resultado.
A tener en cuenta
Revisa rangos y unidades. Los resultados dependen de los datos y del navegador.
Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)
Ejemplo calculado de entrada y salida
Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.
Entrada de ejemplo
| Campo | Valor |
|---|---|
| Color de fondo | #0F766E |
| Color | #FFFFFF |
| Relleno del botón (px) | 12 |
| Radio de esquina (px) | 12 |
Resultado de ejemplo
.button {
background: #0F766E;
color: #FFFFFF;
padding: 12px 24px;
border: 0;
border-radius: 12px;
min-height: 44px;
cursor: pointer;
}
.button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }Requisitos de entrada
Estos son límites reales de validación, no una garantía de que todo valor aceptado sea realista o aplicable a tu caso.
- Relleno del botón (px): Rango admitido: 4 ≤ x ≤ 40
- Radio de esquina (px): Rango admitido: 0 ≤ x ≤ 100