Generador CSS Border Radius
Diseña valores de border-radius visualmente con controles individuales por esquina, presets y vista previa en vivo.
Vista previa
8px8px8px8px
Presets
Controles
Vincular todas las esquinas
Salida CSS
Ctrl+Enter ejecutarCtrl+Shift+C copiar
Más información
CSS Border Radius: esquinas redondeadas, círculos y formas
Crea esquinas redondeadas, formas píldora, círculos y formas orgánicas complejas con CSS border-radius.
Entendiendo border-radius
La propiedad CSS border-radius redondea las esquinas del borde exterior de un elemento. Acepta de uno a cuatro valores para controlar cada esquina independientemente — superior izquierda, superior derecha, inferior derecha e inferior izquierda. Un solo valor aplica el mismo radio a las cuatro esquinas, mientras que cuatro valores permiten crear formas asimétricas.
5 min de lecturaLeer la guía completa