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

 

Diffusez ce contenu sur vos réseaux
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook

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 !

Laisser un commentaire

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