Aller au contenu
titcrea

CSS 3 : Faire des coins arrondis avec border-radius

Messages recommandés

border-radius : coins arrondis

Pour arrondir les coins d’un élément en CSS 3, il vous suffit d’utiliser la propriété : border-radius.

Border-radius en CSS 3 fonctionne de cette façon :

border-radius-titcrea-news-01.png

border-radius: 25px;

Arrondis les 4 coins de manière égale !

--------------------------------------

border-radius-titcrea-news-02.png

border-radius: 50px 20px;

Arrondis les deux coins : haut, gauche et bas droit de 50px ! puis les deux autre : haut droit et bas gauche de 20px !

--------------------------------------

border-radius-titcrea-news-03.png

border-radius: 50px 20px 10px 30px;

Arrondis les coins dans le sens des aiguilles d’une monte : haut gauche : 50 px, haut droite : 20px, bas droite : 10px et bas gauche : 30px !

Vous pouvez également calculer vos coins arrondis avec border-radius en CSS 3 avec des pourcentages

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Par titcrea
      Notepad++ est un éditeur de code source qui prend en charge plusieurs langages. Ce programme, codé en C++ avec STL et win32 api, a pour vocation de fournir un éditeur de code source de taille réduite mais très performant. En optimisant de nombreuses fonctions tout en conservant une facilité d'utilisation et une certaine convivialité, Notepad++ contribue à la limitation des émissions de dioxyde de carbone dans le monde : en effet, en réduisant l'utilisation de CPU, la consommation d'énergie des ordinateurs chute considérablement, en conséquence de quoi, la terre est plus verte.
×

Information importante

En utilisant ce site, vous acceptez nos Conditions d’utilisation.