Maison > interface Web > tutoriel CSS > Un exemple de comment ajouter un contour à un élément div en CSS3

Un exemple de comment ajouter un contour à un élément div en CSS3

黄舟
Libérer: 2017-07-27 09:18:35
original
2268 Les gens l'ont consulté

Le contour CSS3 ajoute des contours aux éléments div

Parfois, afin de rendre le style plus beau, vous pouvez ajouter des contours aux divs de manière appropriée. Ceci peut être réalisé grâce à l’attribut outline.

outline contient les valeurs d'attribut suivantes ;

outline-width : l'épaisseur du contour.

Cette valeur d'attribut contient 4 paramètres : fin, moyen, épais, longueur

fin : définit un contour fin

moyen : définit un contour moyen

épais : définit un contour épais.

length : Vous pouvez spécifier l'épaisseur du contour. Notez que cette valeur ne peut pas être négative.

outline-style : Le style du contour.

Paramètres communs pour cet attribut :

aucun : Lorsqu'il est défini sur aucun, le contour ne sera pas affiché.

pointillé : contour en pointillés,

en pointillés. : ligne pointillée Ligne de contour,

solide : ligne de contour pleine.

outline-color : la couleur du contour

Paramètres de cet attribut :

Nom de la couleur : (rouge);

valeur de couleur rgb : rgb ( 255,255,255);

Valeur de couleur hexadécimale : telle que : #ff0000;

outline-offset : la valeur de décalage du contour et du conteneur. Lorsque cette valeur est négative, un contour apparaîtra à l'intérieur du conteneur.

L'exemple de code est le suivant :

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!

Étiquettes associées:
source:php.cn
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