133 · Diseño y Web

Generador de radio de borde

Redondea las cuatro esquinas a la vez o dale forma a cada una por separado, luego copia el CSS.

Tus datos: Esta herramienta procesa su entrada en este navegador. CapyHelp no carga esa entrada para generar su resultado. Detalles de privacidad

Generador de radio de borde

Cómo utilizar el generador de radio de borde

  1. Utilice un control deslizante para todas las esquinas o desmárquelo para configurar cada esquina.
  2. Mira la vista previa.
  3. Copie la línea del radio del borde.

El orden taquigráfico

Con cuatro valores, border-radius va en el sentido de las agujas del reloj desde arriba a la izquierda: arriba a la izquierda, arriba a la derecha, abajo a la derecha, abajo a la izquierda. Cuando todas las esquinas coinciden, la herramienta escribe un valor único.

Ejemplos

Todas las esquinas 24px

radio del borde: 24px;

40, 8, 40, 8

radio del borde: 40px 8px 40px 8px;

Preguntas

¿Cómo hago un círculo?

Dale a un elemento cuadrado un radio del 50%, o un radio de al menos la mitad de su ancho.

Traducción automática. Revisar resultados importantes.