Générateur CSS border-radius

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Dernière mise à jour : 2026 · Outil en ligne gratuit

Qu'est-ce que Générateur CSS border-radius ?

Éditeur CSS border-radius en ligne gratuit avec 8 poignées de contrôle

1
Ajuster les options — Ajustez le style avec les curseurs et le sélecteur de couleur.
2
Vérifier l'aperçu — Vérifiez le résultat dans l'aperçu en temps réel.
3
Copier le code — Copiez le code CSS ou SVG pour l'utiliser dans votre projet.

C'est un outil en ligne gratuit pour éditer visuellement le border-radius à 8 valeurs.

Oui, des préréglages de style fréquemment utilisés sont fournis.

Oui, vous pouvez directement copier le code CSS généré.

Non. Tout le traitement se fait dans le navigateur.

Oui, le design responsive fonctionne sur les appareils mobiles.