So legen Sie die Position des Hintergrundbilds in CSS fest-Front-End-Fragen und Antworten-php.cn

So legen Sie die Position des Hintergrundbilds in CSS fest

藏色散人

Freigeben： 2023-01-05 16:11:07

Original

14970 Leute haben es durchsucht

So legen Sie die Position des Hintergrundbilds in CSS fest: Erstellen Sie zuerst eine HTML-Beispieldatei. Erstellen Sie dann ein Div im Textkörper und legen Sie es schließlich über „background: url('/i/eg_bg_03.gif')no-repeat fest links unten;}" Die Position des Hintergrundbildes ist ausreichend.

So legen Sie die Position des Hintergrundbilds in CSS fest

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

Wie stelle ich die Position des Hintergrundbilds in CSS ein?

Bei der Verwendung von Hintergrundbildern stellen wir oft fest, dass die Position des Hintergrundbilds nicht unseren Wünschen entspricht. Wie legen wir also die Position des Hintergrundbilds fest? Schauen wir uns an, wie Sie die Position des Hintergrundbilds mit CSS festlegen.

Im Attribut „Hintergrundbildposition“ des Hintergrundbilds wird die Hintergrundposition verwendet, um die Position des Hintergrundbilds des Elements zu steuern. Es akzeptiert drei Werte:

Schlüsselwörter: wie oben, rechts, unten, links, Mitte; Längenwert; wie px, em, rem usw.

Prozentwert: %

background-position-Attribut legt den Hintergrund fest Startposition des Bildes.

Dieses Attribut legt die Position des ursprünglichen Hintergrundbilds fest (definiert durch „Hintergrundbild“). Wenn das Hintergrundbild wiederholt werden soll, beginnt es an dieser Stelle.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{width: 200px;height: 200px;
border:1px solid #ccc;
background: url(&#39;/i/eg_bg_03.gif&#39;) no-repeat left bottom;}
</style>
</head>
<body>
<div></div>
</body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt:

So legen Sie die Position des Hintergrundbilds in CSS fest Der Attributwert des Hintergrundpositionsattributs:

So legen Sie die Position des Hintergrundbilds in CSS fest Die Bedeutung einiger Attributwerte ist wie folgt:

oben: Die Startposition des Hintergrundbilds ist die Oberseite des Elements.

Mitte: Die Startposition des Hintergrundbilds ist die Mitte des Elements.

Links: Die Startposition des Hintergrundbilds ist die linke Seite des Elements Element

rechts: Die Startposition des Hintergrundbilds ist die rechte Seite des Elements

unten: Die Startposition des Hintergrundbilds Die Position ist die Unterseite des Elements

Das obige ist der detaillierte Inhalt vonSo legen Sie die Position des Hintergrundbilds in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!