Heim > Artikel > Web-Frontend > So ändern Sie die Rahmenfarbe von img mit CSS
So ändern Sie die Rahmenfarbe von img mit CSS
- WBOYOriginal
- 2021-11-25 17:37:024159Durchsuche
In CSS können Sie das Attribut „border-color“ verwenden, um die Rahmenfarbe von img zu ändern. Die Funktion dieses Attributs besteht darin, die Rahmenfarbe des Elements festzulegen. Sie müssen nur „border-color: color“ hinzufügen value;"-Stil für das img-Element. .
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So ändern Sie die Rahmenfarbe von img in CSS
In CSS können Sie die Randfarbe von img anhand eines Beispiels ändern wie folgt:
<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>Ausgabeergebnis:
Zu diesem Zeitpunkt ist die Rahmenfarbe des Bildes rot. Als nächstes können wir das Randattribut verwenden, um die Farbe des Tabellenrandes zu ändern:
<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>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Rahmenfarbe von img mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!