Generador de border-radius CSS
Ajusta el radio de cada esquina y ve la caja redondeada en vivo.
Generador de border-radius CSS
Redondea las esquinas de cualquier elemento y copia el código CSS border-radius. Ajusta cada esquina por separado —superior izquierda, superior derecha, inferior derecha e inferior izquierda— y mira cómo se actualiza la caja de vista previa en vivo.
La abreviatura border-radius
border-radius: sup-izq sup-der inf-der inf-izq; en sentido horario. Un solo valor redondea las cuatro esquinas igual; valores grandes e iguales en un cuadrado forman un círculo. Ejemplo: border-radius: 12px 12px 12px 12px;.
Preguntas frecuentes
¿Cómo hago un círculo? Usa border-radius: 50% en un elemento cuadrado.
¿En qué orden van las esquinas? En sentido horario desde arriba a la izquierda: SI, SD, ID, II.