¿Puedo configurar cada esquina individualmente?

Sí. Puedes ajustar cada esquina por separado.

¿Se admiten valores elípticos de border-radius?

Sí. Los valores horizontal y vertical se pueden configurar independientemente.

¿El CSS generado se puede usar directamente?

Sí. Copia el código y pégalo directamente en tu archivo CSS.

¿Se envían mis datos a un servidor?

Todo el procesamiento ocurre en el navegador. No se envían datos a un servidor.

¿Puedo especificar border-radius como porcentaje?

Sí, se admiten valores en px y en porcentaje. Establecer el 50% produce un círculo, que puedes verificar en la vista previa en vivo.

Generador de border-radius - Configura el radio de borde CSS visualmente

Establece los radios de esquina individualmente con controles deslizantes. Compatible con unidades px/em/rem/%. El modo enlace establece todas las esquinas a la vez.

Unidad

Vincular esquinas

Arriba izquierda

Arriba derecha

Abajo izquierda

Abajo derecha

Vista previa

CSS

border-radius: 8px;

Cómo usar

Establece el radio de cada esquina con controles deslizantes
Cambia unidades (px/%/em/rem)
Icono de enlace para sincronizar todas las esquinas

Preguntas frecuentes

¿Puedo configurar cada esquina individualmente?: Sí. Puedes ajustar cada esquina por separado.
¿Se admiten valores elípticos de border-radius?: Sí. Los valores horizontal y vertical se pueden configurar independientemente.
¿El CSS generado se puede usar directamente?: Sí. Copia el código y pégalo directamente en tu archivo CSS.
¿Se envían mis datos a un servidor?: Todo el procesamiento ocurre en el navegador. No se envían datos a un servidor.
¿Puedo especificar border-radius como porcentaje?: Sí, se admiten valores en px y en porcentaje. Establecer el 50% produce un círculo, que puedes verificar en la vista previa en vivo.

Herramientas relacionadas

Historial de actualizaciones

Última actualización: 2026-02-21

2026-02-21 Lanzamiento inicial