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

黄舟
黄舟original
2017-07-27 09:18:352262parcourir

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!

Déclaration:
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