Generador de bordes redondeados CSS

Ajusta la forma de cada esquina y copia el CSS.

En tu dispositivo · Sin cuenta

Generador de bordes redondeados CSS procesa lo que introduces en este navegador. Los datos introducidos y los resultados se excluyen de las estadísticas de uso. Las herramientas recientes guardan sus nombres, el número de visitas y la fecha y hora de la última visita. Las herramientas guardadas solo almacenan sus nombres. Guardar borradores es opcional y el texto permanece en este dispositivo; puedes eliminarlo con los controles del borrador. Cargar texto desde una URL es opcional y establece una conexión con ese servidor; el servidor puede ver la URL y tu dirección IP. La opción «Usar en» conserva temporalmente los datos en esta pestaña para pasarlos a otra herramienta. La siguiente herramienta los elimina al abrirse y los ignora si ha pasado más de un minuto.

«Copiar enlace» incluye en la dirección los datos que elijas compartir. Cualquiera que tenga el enlace puede volver a abrirlos. Se excluyen los archivos y los resultados generados. Las herramientas de contraseñas y claves solo comparten los ajustes.

Español

Radio de la esquina superior izquierda (px)

Más opciones

Superior derecha

Inferior derecha

Inferior izquierda

Tu resultado

Más

Atajos de teclado

Sobre los enlaces y el reinicio

Los enlaces incluyen los datos que introduces y la configuración. Cualquiera que tenga el enlace puede verlos, así que no incluyas texto privado. Los archivos y los resultados generados no se incluyen; las selecciones aleatorias se repiten.

Al restablecer, la herramienta se recarga con sus valores iniciales y libera los archivos abiertos y los controles de dispositivos. Los borradores guardados permanecen en este dispositivo hasta que los elimines.

Cómo funciona

El generador de bordes redondeados muestra las declaraciones CSS y una vista previa en tiempo real en el navegador. Ajusta cada valor y copia el CSS en tu propio selector.

Siguiente: Generador de clip-path CSS

Ejemplo

Los radios 24, 48, 24 y 0 se aplican, en ese orden, a las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda.

Antes de usar el resultado

CSS puede reducir los radios grandes para que encajen en el elemento. La vista previa usa un rectángulo fijo; comprueba las dimensiones finales de tu elemento.

Citar esta página

Estilo de cita

ToolOctopus. “Generador de bordes redondeados CSS.” Actualizado 7 de octubre de 2026. https://tooloctopus.com/es/generador-de-bordes-redondeados-css.

Añade la fecha de consulta si tus instrucciones lo requieren.

Las citas se formatean con citeproc-js, de Frank Bennett, y estilos de Citation Style Language. Licencia y código fuente.