¿Necesitas crear esquinas redondeadas para tu sitio web? Este generador de border radius te permite diseñar bordes personalizados fácilmente. Controla cada esquina individualmente o todas a la vez, visualiza los cambios en tiempo real y copia el código CSS listo para usar.
✓ Control individual por esquina ✓ Vista previa en tiempo real ✓ Valores en px o % ✓ Código CSS optimizado ✓ Compatible con todos los navegadores
Crea esquinas redondeadas personalizadas para tus elementos. Controla cada esquina individualmente o todas juntas. Copia el código CSS listo para usar.
* Los cambios se actualizan en tiempo real
Elemento con bordes redondeados
border-radius: 20pxNo hay radios guardados
Border radius es una propiedad CSS que permite redondear las esquinas de los elementos HTML. Puedes aplicarlo a imágenes, botones, tarjetas, contenedores y cualquier elemento visual de tu sitio web.
Selecciona si quieres controlar todas las esquinas juntas o individualmente usando el interruptor. Ajusta los valores con los controles deslizantes y observa los cambios en la vista previa. Luego copia el código CSS generado.
Los valores en píxeles (px) son absolutos, mientras que los porcentajes (%) son relativos al tamaño del elemento. Para crear un círculo perfecto, usa 50% en todos los lados.
Sí, border-radius es compatible con todos los navegadores modernos (Chrome, Firefox, Safari, Edge) e incluso con versiones antiguas desde 2010 aproximadamente.