Faire des coins arrondis en CSS

Partagez si vous aimez ->

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

 

Partagez si vous aimez ->

Youcef

Concepteur de Sites Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Mon objectif est de vous aider à trouver la solution idéale pour créer votre propre Site Internet.

Vous aimerez aussi...

Laisser un commentaire

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

Simple Share Buttons