Maison >interface Web >tutoriel CSS >Coins arrondis CSS3
Les coins arrondis CSS3 sont utilisés pour ajouter des coins colorés spéciaux au corps ou au texte en utilisant la propriété border-radius.
La syntaxe simple pour les coins arrondis est la suivante −
#rcorners { border-radius: 60px/15px; background: #FF0000; padding: 20px; width: 200px; height: 150px; }
Le tableau ci-dessous montre les valeurs possibles pour les coins arrondis comme suit :
Valeur | Description |
---|---|
border -radius
|
Utilisez cet élément pour définir les quatre propriétés du rayon de bordure |
border-top-left-radius | Utilisez cet élément pour définir la bordure dans le coin supérieur gauche |
Border-top-droite -radius | Usez cet élément pour placer la frontière dans le coin supérieur droit |
Borter-Bottom-droite-Radius | USE cet élément pour définir la bordure dans le coin inférieur droit |
border -bottom-left-radius | Utilisez cet élément pour définir la bordure du coin inférieur gauche |
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!