Maison > interface Web > tutoriel CSS > Coins arrondis CSS3

Coins arrondis CSS3

PHPz
Libérer: 2023-09-13 11:41:15
avant
1481 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal