CSS legt das Hintergrundbild für den image_Experience-Austausch fest

Die Funktion von CSS ist sehr leistungsfähig. Es bietet sehr leistungsstarke Funktionen für die Leistung von Elementen und das Layout der Seite. Dies ist vor allem auf unsere flexible Bedienung zurückzuführen. Was den Einsatz von Bildern betrifft, so handelt es sich eigentlich eher um eine inhaltliche Ebene. Gemäß der Idee des WEB-Standards wurden Bilder in der Präsentationsebene in CSS aufgeteilt. Mit dem IMG-Tag können nur Bilder als Inhalt in die Seite eingefügt werden, was auch die hervorgehobene Semantik darstellt.

Das Festlegen eines Hintergrundbilds für ein Bild ist ein sehr praktisches Beispiel. Dieser Satz fühlt sich vielleicht etwas komisch an. Wir legen das Hintergrundbild für das in die Seite eingeführte Bild mit dem IMG-Tag fest. Dieser Anwendungsbereich ist zwar nicht groß, kann aber Ihr Denken trainieren und Ihnen die Bedeutung und Flexibilität von Elementen in HTML und CSS näherbringen.
Sehen wir uns den folgenden Code an.

　
　Dies dient dazu, das Bild mit dem img-Tag in die Seite einzuführen.

Schreiben wir noch einmal CSS.


img {
display:block;
height:60px;
background:url(jb52bg. jpg) keine Wiederholung links unten;
}
Wandeln Sie das img-Element in ein Blockelement um und legen Sie die Breite und Höhe fest. Stellen Sie den unteren Abstand auf 10 Pixel ein. Reservieren Sie etwas Platz für die Anzeige des Hintergrundbilds. Definieren Sie abschließend das Hintergrundbild.
Anhand dieses kleinen Beispiels können Sie die Flexibilität und leistungsstarken Funktionen von CSS erkennen.