¿Qué es Generador de borde redondeado CSS?
Generador de borde redondeado CSS gratuito en línea. Ajusta los radios de las cuatro esquinas con controles visuales.
Generador de borde redondeado CSS gratuito en línea. Ajusta los radios de las cuatro esquinas con controles visuales.
Adjust sliders for each corner (top-left, top-right, bottom-right, bottom-left).
Toggle between px and % units.
Preview the border radius live.
Copy the CSS code.
border-radius rounds the corners of an element. It accepts 1-4 values for each corner. For example, border-radius: 10px 20px 30px 40px sets top-left, top-right, bottom-right, and bottom-left respectively.
Set border-radius: 50% on a square element (equal width and height). This creates a perfect circle.
Herramienta en línea gratuita — funciona en tu navegador, sin registro. Empieza a usarla ahora.
Pruébalo ahoraAll free online tools for developers, designers, students, and creators.
Every tool works in your browser — no sign-up, no data collection.