Come faccio un cerchio?

Usa border-radius: 50% su un elemento con larghezza e altezza uguali. Su un rettangolo, 50% produce un'ellisse, mentre un valore elevato in pixel produce una pillola con i lati dritti.

Che cosa significa la barra in border-radius?

Separa i raggi orizzontali da quelli verticali, così ogni angolo può essere un quarto di ellisse invece di un quarto di cerchio. Le forme organiche usano questa sintassi.

Generatore di border-radius

Arrotonda ogni angolo, passa ai raggi ellittici e trascina le maniglie sui lati per modellare forme organiche. Copia il CSS border-radius o Tailwind.

Anteprima in tempo reale

Passa a % per modellare la forma con le maniglie sui lati.

border-radius: 24px;

Tutto rimane nel tuo browser.

Riferimenti

MDN — border-radius

Pagina aggiornata: 2026-10-25

Anteprima in tempo reale

Guida ed esempio

Strumenti correlati

Riferimenti