Maison > Article > interface Web > Comment définir le contour de l'image avec CSS
Comment définir le contour de l'image avec CSS
- 王林original
- 2020-11-19 11:42:062999parcourir
Comment définir le contour de l'image avec CSS : Vous pouvez utiliser l'attribut outline pour le définir, tel que [outline:green dotted Thick;]. Un contour est une ligne tracée autour d'un élément, située à l'extérieur du bord de la bordure, pour mettre en évidence l'élément.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version css3 Cet article est applicable à toutes les marques d'ordinateurs.
Attributs associés :
Le contour (contour) est une ligne tracée autour d'un élément, située à l'extérieur du bord de la bordure, qui peut mettre en évidence l'élément.
(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)
L'attribut raccourci de contour définit tous les attributs de contour dans une seule instruction.
Les attributs qui peuvent être définis sont (dans l'ordre) : outline-color, outline-style, outline-width
Si vous ne définissez aucune des valeurs, il n'y aura aucun problème , tel que outline:solid #ff0000; est également autorisé.
Valeur de l'attribut :
outline-color Spécifie la couleur de la bordure. Voir : outline-color pour les valeurs possibles.
outline-style spécifie le style de la bordure. Voir : outline-style pour les valeurs possibles.
outline-width spécifie la largeur de la bordure. Voir : outline-width pour les valeurs possibles.
inherit spécifie que le paramètre de l'attribut outline doit être hérité de l'élément parent.
Implémentation du code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
img{
border:1px solid red;
outline:green dotted thick;
}
</style>
</head>
<body>
<img src="../demo/1.jpg" style="max-width:90%"/ alt="Comment définir le contour de l'image avec CSS" >
</body>
</html>Effet :
Recommandations associées : Tutoriel CSS
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!