Generador CSS border-radius

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Última actualización: 2026 · Herramienta en línea gratuita

¿Qué es Generador CSS border-radius?

Editor CSS border-radius en línea gratuito con 8 controles de manejo

1
Ajustar opciones — Ajuste el estilo con deslizadores y selector de color.
2
Verificar vista previa — Verifique el resultado en la vista previa en tiempo real.
3
Copiar código — Copie el código CSS o SVG para usar en su proyecto.

Es una herramienta en línea gratuita para editar visualmente el border-radius de 8 valores.

Sí, se proporcionan presets de estilo de uso frecuente.

Sí, puede copiar directamente el código CSS generado.

No. Todo el procesamiento se realiza en el navegador.

Sí, el diseño responsive funciona en dispositivos móviles.