Gewusst wie: IMG Bild mit CSS zu sehen

January 12

Hypertext Markup Language, eine Programmiersprache für Website-Erstellung, verwendet das < Img >-Tag, um Bilder in eine Seite einfügen. Sie können hinzufügen kaskadierende Stil-Blätter-Code, um ein Bild sichtbar oder unsichtbar zu machen. CSS ist eine Stil-Sheet-Sprache HTML ergänzt und verändert oder Elemente auf einer Webseite erstellt. Um versteckte Bilder mit CSS zu sehen, aktivieren Sie die Sichtbarkeit für ein oder mehrere Bilder.

Anweisungen

1 Legen Sie "< Stil >< / style >" zwischen den < Head > und < / Head > Tags, CSS-Stil auf der Seite zu ermöglichen.

2 Fügen Sie "Img {Sichtbarkeit: sichtbar;}" zwischen den Tags CSS < Stil > So schalten Sie die Sichtbarkeit für alle Bilder auf der Seite. Der Code sollte wie folgt aussehen:

< Head >< Stil >IMG {Sichtbarkeit: sichtbar;}< / style >< / head >

3 Ersetzen Sie "Img" durch "img.name" auf ein bestimmtes Bild auf der Seite hinzu. Ersetzen Sie "Name" durch eine eindeutige Bezeichnung. Zum Beispiel:

< Head >< Stil >IMG.Header {Sichtbarkeit: sichtbar;}< / style >< / head >

4 Fügen Sie Klasse = "name", dem < Img >-Tag des Bildes auf der Seite sichtbar machen soll. Ersetzen Sie "Name" durch die eindeutige Bezeichnung, die Sie in der CSS-Code verwendet.

Verwenden die gleiche Bezeichnung wie im vorhergehenden Beispiel, sollte Ihre < Img >-Tag folgendermaßen aussehen:

< Img-Klasse = "Header" Src = "http://www.my website.com/mypicture.jpg" >

5 Überprüfen Sie die Seite nach dem Aktualisieren des Codes um zu sehen, das Bild oder die Bilder in CSS.