Faire des coins arrondis en CSS

Arrondir les 4 coins

-moz-border-radius: 6px; /* pour Mozilla */
-khtml-border-radius: 6px; /* pour Safari et Chrome */
-webkit-border-radius: 6px; /* pour Safari sur Mac */
border-radius: 6px; /* CSS3 */

 

Arrondir chaque coin individuellement

-moz-border-radius: 3px 6px 9px 12px; /* pour Mozilla */
-khtml-border-radius: 3px 6px 9px 12px; /* pour Safari et Chrome */
-webkit-border-radius: 3px 6px 9px 12px; /* pour Safari sur Mac */
border-radius: 3px 6px 9px 12px; /* CSS3 */

/* Explication */
border-radius: haut gauche - haut droit - bas droit - bas gauche

 

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *