Générateur de border-radius CSS
Réglez le rayon de chaque coin et voyez la boîte arrondie en direct.
Générateur de border-radius CSS
Arrondissez les coins de n’importe quel élément et copiez le code CSS border-radius. Réglez chaque coin indépendamment — haut-gauche, haut-droite, bas-droite et bas-gauche — et voyez la boîte d’aperçu se mettre à jour en direct.
Le raccourci border-radius
border-radius: haut-gauche haut-droite bas-droite bas-gauche; dans le sens horaire. Une seule valeur arrondit les quatre coins de la même façon ; de grandes valeurs égales sur un carré forment un cercle. Exemple : border-radius: 12px 12px 12px 12px;.
Questions fréquentes
Comment faire un cercle ? Utilisez border-radius: 50% sur un élément carré.
Dans quel ordre vont les coins ? Dans le sens horaire depuis le haut-gauche : HG, HD, BD, BG.