Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

藏色散人
藏色散人Original
2020-12-18 10:21:5414254Durchsuche

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS: Erstellen Sie zunächst eine HTML-Beispieldatei. Verwenden Sie dann das Attribut „background-image“, um das Hintergrundbild des Div im Ordner „images“ auf „a.jpg“ festzulegen ; Schließlich verwenden Sie „Hintergrundgröße“. Passen Sie einfach die Größe des Hintergrundbilds an.

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „CSS-Video-Tutorial

So ändern Sie die Breite und Höhe (Größe) des Hintergrundbilds mit CSS

In CSS können Sie das Attribut „background-siz“ verwenden, um die Breite und Höhe zu ändern (Größe) des Hintergrundbilds.

Das Attribut „Hintergrundgröße“ kann die Breite und Höhe des Hintergrundbilds festlegen, die ein Prozentwert oder eine Pixeleinheit (px) sein kann.

Beispiel:

Verwenden Sie das Attribut „Hintergrundbild“, um das Hintergrundbild des Div im Bilderordner auf „a.jpg“ festzulegen, und verwenden Sie „Hintergrundwiederholung“, um das Hintergrundbild so festzulegen, dass es nicht wiederholt angezeigt wird.

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

Rendering: Die Breite und Höhe des Hintergrundbilds werden nicht geändert.

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

Verwenden Sie die Hintergrundgröße, um die Größe des Hintergrundbilds anzupassen. Der erste Parameterwert ist die Breite und der zweite Parameterwert Stellen Sie zu diesem Zeitpunkt beispielsweise die Höhe und Breite des Hintergrundbilds auf die Hälfte seiner Originalgröße ein, also auf 50 %.

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

Öffnen Sie die Datei test.html im Browser, um den Effekt zu sehen.

So ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Breite und Höhe des Hintergrundbilds mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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