# Generador CSS de border-radius

> Generador CSS de border-radius: ajusta cada esquina redondeada y copia el CSS.

Un generador de border-radius de CSS te permite crear esquinas redondeadas para cualquier elemento sin escribir código manualmente. Simplifica el proceso de definir radios uniformes o elípticos y proporciona una vista previa instantánea.

*Interactive tool: enter your values at https://toollantern.win/es/generador-css-border-radius/ and results update instantly in your browser.*

## Cómo funciona border-radius

La propiedad border-radius redondea las esquinas de un elemento. Puedes especificar valores para las esquinas superior-izquierda, superior-derecha, inferior-derecha e inferior-izquierda en ese orden, usando unidades de longitud o porcentaje.

## Usar el generador

Introduce valores numéricos o porcentajes para cada esquina, y la herramienta genera la regla CSS correspondiente. La vista previa se actualiza en tiempo real, por lo que puedes ver exactamente cómo se verá el elemento antes de copiar el código.

## Esquinas elípticas avanzadas

Para crear una elipse en lugar de un círculo, usa la sintaxis de barra: border-radius: 50% / 50%. El primer conjunto de valores controla el radio horizontal, el segundo conjunto controla el radio vertical, permitiendo la forma independiente de cada esquina.

## Compatibilidad con navegadores

Todos los navegadores modernos soportan la propiedad border-radius, incluyendo Chrome, Firefox, Safari, Edge y Opera. No se requieren prefijos de proveedor para las versiones actuales.

## Más generadores CSS

Combina las esquinas redondeadas con un [generador CSS de text-shadow](/es/generador-css-text-shadow/) para dar profundidad a títulos y botones.

## Preguntas frecuentes
### ¿Puedo usar diferentes unidades para cada esquina?

Sí, cada esquina puede tener su propio valor de longitud o porcentaje, y puedes mezclar las unidades según sea necesario.

### ¿Qué representa un valor porcentual?

Un porcentaje se calcula en relación con el ancho del elemento para los radios horizontales y la altura para los radios verticales.

### ¿Necesito prefijos de proveedor para navegadores antiguos?

Para navegadores lanzados antes de 2010 es posible que necesites prefijos, pero todos los navegadores actuales renderizan border-radius sin ellos.

---
Interactive version: https://toollantern.win/es/generador-css-border-radius/