Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie ein Hintergrundbild in CSS fest

So legen Sie ein Hintergrundbild in CSS fest

藏色散人
藏色散人Original
2021-04-23 09:12:579660Durchsuche

So legen Sie das Hintergrundbild in CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Erstellen Sie dann ein Div im Textkörper. Attribut .

So legen Sie ein Hintergrundbild in CSS fest

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

CSS kann das Hintergrundbild über das Attribut „Hintergrundbild“ festlegen. Das Attribut „Hintergrundbild“ wird verwendet, um das Hintergrundbild eines Elements festzulegen.

Der Hintergrund eines Elements ist die Gesamtgröße des Elements, einschließlich Polsterung und Rändern (jedoch nicht der Ränder). Standardmäßig wird das Hintergrundbild in der oberen linken Ecke des Elements platziert und wiederholt sich sowohl vertikal als auch horizontal.

CSS-Syntax:

background-image:url|none|inherit

Hintergrundbild-Attributwert:

URL-URL des Bildes

keine Es wird kein Bildhintergrund angezeigt. Dies ist die Standardeinstellung. Inherit gibt an, dass das Hintergrundbild vom übergeordneten Element geerbt werden soll

background-color Geben Sie die zu verwendende Hintergrundfarbe an

background-position Geben Sie die Position des Hintergrundbilds an

background-size Geben Sie die Größe des Hintergrundbilds an

background-repeat Geben Sie an, wie das Hintergrundbild wiederholt werden soll

background- origin Geben Sie den Positionierungsbereich des Hintergrundbilds an

background -clip gibt den Zeichenbereich des Hintergrundbilds an

So legen Sie ein Hintergrundbild in CSS festbackground-attachment legt fest, ob das Hintergrundbild fixiert ist oder mit dem Rest der Seite scrollt

background- image gibt ein oder mehrere zu verwendende Hintergrundbilder an

Das obige ist der detaillierte Inhalt vonSo legen Sie ein Hintergrundbild in CSS fest. 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