So ersetzen Sie den IMG-SRC in CSS

May 4

Allgemein Sie HTML-Code verwenden, um Elemente auf einer Seite, z. B. Tabellen und Textblöcke, zu erstellen und Sie CSS-Code verwenden, um diese Elemente, z. B. wechselnde Hintergrundfarben und Schriftgrößen visuell Stil. Anzeigen von Bildern ist so etwas wie einen Mittelweg zwischen den beiden, wie Sie Bilder auf einer Webseite, sondern auch visuelle Elemente sind. Sie können die standard-HTML < Img >-Tags mit einer Kombination von CSS und < Div >-Tag ersetzen.

Anweisungen

1 Öffnen Sie die HTML-Datei mit dem < Img >-Tag, den, das Sie ersetzen möchten. Suchen Sie das < Img >-Tag, innerhalb der Datei.

2 Markieren Sie den Pfad direkt nach "ohne die Anführungszeichen.

3 Drücken Sie "Strg" und "C" Kopieren Sie diese Adresse in den Arbeitsspeicher Ihres Rechners.

4 Löschen Sie das gesamte < Img >-Tag.

5 Geben Sie Folgendes an die Stelle des < Img >-Tags:

< Div Style = "Width: 150px; Höhe: 150px; Background-Image: URL (");" >< / Div >

Klicken Sie zwischen die beiden einzigen Anführungszeichen innerhalb der Klammern. Drücken Sie "Strg" und "V" den Pfad des Bildes einfügen.

Ändern Sie die Höhe und Breite zu den Maßen Ihres Bildes übereinstimmen.

6 Speichern Sie Ihre Änderungen.