En-tete Astuces divers html et css
Classic Moderne

Style CSS border-radius "Arrondir les angles":

La propriété border-radius permet d'arrondir les angles de la bordure d'un élément.
Il est possible de définir ce style de façon globale avec une valeur unique pour les quatre angles, soit par quatre valeurs spécifiques en partant de l'angle haut gauche pour finir avec l'angle bas gauche en spécifiant une valeur pour chacun d'eux :

- border-top-left-radius
- border-top-right-radius
- border-bottom-left-radius
- border-bottom-right-radius

Il est possible en utilisant ce style de réaliser des élément de forme circulaire en partant d'un élément de forme carré et en lui définissant un rayon valant la moitié de sa largeur.

Vous avec l’exemple sous les yeux dans les cadre de ma page, éffectué avec le code ci—dessous :


border-top-left-radius : 20px; /*Définit le coin supérieur gauche d’une boîte.*/
border-top-right-radius : 50px; /*Définit le coin supérieur droit d’une boîte.*/
border-bottom-right-radius : 20px; /*Définit le coin inférieur droit d’une boîte.*/
border-bottom-left-radius : 50px; /*Définit le coin inférieur gauche d’une boîte.*/








Haut-de-Page