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

 

Share on FacebookTweet about this on TwitterShare on LinkedInShare on Google+

Youcef

Consultant en référencement, chef de projet Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Avec ce blog, ma mission est d'aider les entrepreneurs, qui ne sont pas spécialistes du web, à réussir leur propre site, et qu'il soit surtout visible !

Vous aimerez aussi...

Laisser un commentaire

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