So legen Sie die Breite und Höhe des Hintergrundbilds mithilfe der Hintergrundgröße fest

In diesem Artikel erfahren Sie, wie Sie die Breite und Höhe des Hintergrundbilds mithilfe der Hintergrundgröße festlegen. Ich hoffe, dass er für Freunde hilfreich ist.

Verwenden Sie das Attribut „Hintergrundgröße“, um

语法：background-size: length|percentage|cover|contain;

Länge festzulegen:
Legen Sie den Hintergrund fest. Die Höhe und Breite des Bildes.
Der erste Wert legt die Breite fest und der zweite Wert legt die Höhe fest.
Wenn nur ein Wert eingestellt ist, wird der zweite Wert auf „auto“ gesetzt.
(Das gesamte Bild wird angezeigt)

Prozentsatz:
Legt die Breite und Höhe des Hintergrundbilds als Prozentsatz des übergeordneten Elements fest.
Der erste Wert legt die Breite fest und der zweite Wert legt die Höhe fest.
Wenn nur ein Wert eingestellt ist, wird der zweite Wert auf „auto“ gesetzt.
(zeigt das gesamte Bild)

cover:
Behält das Seitenverhältnis des Bildes bei und skaliert das Bild auf die kleinste Größe, die den Hintergrundpositionierungsbereich vollständig abdeckt .
Einige Teile des Hintergrundbilds werden möglicherweise nicht im Hintergrundpositionierungsbereich angezeigt.
(Nur einen Teil des Bildes anzeigen)

enthalten:
Behalten Sie das Seitenverhältnis des Bildes bei und skalieren Sie das Bild auf die maximale Größe, die die Hintergrundpositionierung vollständig abdeckt Bereich.
(Das gesamte Bild wird angezeigt, das Bild kann jedoch wiederholt werden)

Das Obige ist eine vollständige Einführung, wie Sie bei Bedarf die Breite und Höhe des Hintergrundbilds mithilfe der Hintergrundgröße festlegen können Um mehr über HTML-Video-Tutorial zu erfahren, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite und Höhe des Hintergrundbilds mithilfe der Hintergrundgröße fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!