Maison > Article > interface Web > Comment changer la couleur de la bordure d'img avec CSS
Comment changer la couleur de la bordure d'img avec CSS
- WBOYoriginal
- 2021-11-25 17:37:024113parcourir
En CSS, vous pouvez utiliser l'attribut "border-color" pour changer la couleur de la bordure de img. La fonction de cet attribut est de définir la couleur de la bordure de l'élément. Il vous suffit d'ajouter le "border-color: color". value;" style à l'élément img. .
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment changer la couleur de la bordure d'img en CSS
En CSS, vous pouvez utiliser l'attribut border pour changer la couleur de la bordure d'img. Jetons un coup d'œil à l'opération spécifique à travers un exemple. comme suit :
<html>
<style type="text/css">
img{
border-style: solid;
border-width: 10px;
border-color:red;
}
</style>
<body>
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
</body>
</html>Résultat de sortie :
À ce stade, la couleur de la bordure img est rouge. Ensuite, nous pouvons utiliser l'attribut border pour changer la couleur de la bordure du tableau :
<html>
<style type="text/css">
img{
border-style: solid;
border-width: 10px;
border-color:blue;
}
</style>
<body>
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
</body>
</html>Résultat de sortie :
.
(Partage de vidéos d'apprentissage : Tutoriel vidéo 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!