Generador de border-radius CSS
Crea esquinas redondeadas en CSS (border-radius) con vista previa en vivo y código listo para copiar.
🔒 100 % en el cliente — no se envía ningún dato
Generador de border-radius CSS para crear esquinas redondeadas con vista previa en vivo y código listo para copiar. Ajusta cada esquina de forma independiente o todas a la vez, y obtén la propiedad CSS exacta. Todo se ejecuta en tu navegador: ningún dato ni imagen se envía nunca a un servidor.
FAQ
¿Cómo redondeo una sola esquina en CSS?
Usa una propiedad específica como border-top-left-radius: 12px; para redondear solo una esquina. La herramienta te permite definir cada esquina por separado y genera la línea correspondiente.
¿Cómo hago un círculo o un óvalo con border-radius?
Aplica border-radius: 50% a un elemento cuadrado para un círculo perfecto, o a un rectángulo para una elipse. Selecciona la unidad % en la herramienta para conseguirlo.
¿Cuál es la diferencia entre px, % y em para border-radius?
Los píxeles dan un radio fijo, los porcentajes son relativos al tamaño del elemento (ideal para círculos) y em depende del tamaño de la fuente. Puedes probar cada unidad en la vista previa.
¿El código generado funciona en todos los navegadores?
Sí, border-radius es compatible con todos los navegadores modernos sin ningún prefijo. Solo tienes que copiar la propiedad en tu hoja de estilos.