Heim > Web-Frontend > HTML-Tutorial > So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

coldplay.xixi
Freigeben: 2023-01-03 09:27:44
Original
29453 Leute haben es durchsucht

So fügen Sie einem Bild mithilfe von HTML einen Rahmen hinzu: Fügen Sie zunächst einen Strich zum äußeren Feld hinzu und fügen Sie den Strichrand direkt zum Bild-Tag img hinzu. Ändern Sie dann die Strichgröße und -farbe des Bildes.

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.

So fügen Sie Bilder mit HTML hinzu:

1. Erstellen Sie im Code-Tool zunächst mehrere Bilder, wie hier gezeigt, und legen Sie sie dann fest die Breite der Box und schweben Sie sie; Das Bild füllt die gesamte Boxgröße aus

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

2 Der Effekt ist so, wie im Bild gezeigt: Es gibt zwei Möglichkeiten, einen Stricheffekt hinzuzufügen Fügen Sie dem Bild einen Strich hinzu oder decken Sie das äußere Feld ab. Fügen Sie zunächst einen Strich zum Bild hinzu, wie im Bild gezeigt, dh fügen Sie den Strichrand direkt im Bild-Tag „img“ hinzu. Wie im Bild gezeigt, der Bildeffekt nach dem Hinzufügen des Strichs

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

5. Wenn Sie die Strichgröße und -farbe des Bildes ändern möchten, ändern Sie sie hier

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

6. Anschließend fügen Sie den Strich hinzu Der Effekt auf das Div-Feld ist dasselbe wie das Hinzufügen des Rahmenattributs zum Bild

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

7. Beide Methoden können erfolgreich sein, es hängt davon ab, welche Methode Sie gewohnt sind.

So fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

Verwandte Lernempfehlungen:

HTML-Video-TutorialSo fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu

Das obige ist der detaillierte Inhalt vonSo fügen Sie mithilfe von HTML Rahmen zu Bildern hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage