Comment faire un cercle ?

Utilisez border-radius: 50% sur un élément de largeur et hauteur égales. Sur un rectangle, 50% donne une ellipse, tandis qu’une grande valeur en pixels donne une pilule aux côtés droits.

Que signifie la barre oblique dans border-radius ?

Elle sépare les rayons horizontaux des rayons verticaux, pour que chaque coin puisse être un quart d’ellipse au lieu d’un quart de cercle. Les formes organiques utilisent cette syntaxe.

Générateur de border-radius

Arrondissez chaque coin, passez à des rayons elliptiques et faites glisser les poignées des bords pour sculpter des formes organiques. Copiez le CSS border-radius ou Tailwind.

Aperçu en direct

Passez en % pour sculpter la forme avec les poignées des bords.

border-radius: 24px;

Tout reste dans votre navigateur.

Références des formats

MDN — border-radius

Page de l’outil mise à jour le : 2026-10-25

Aperçu en direct

Guide et exemple

Outils associés

Références des formats