Maison >interface Web >tutoriel CSS >Coins arrondis CSS3

Coins arrondis CSS3

PHPz
PHPzavant
2023-09-13 11:41:151484parcourir

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer