Wie Sie den Hintergrund an der Unterseite in CSS ausrichten

Ein Cascading Style Sheet (CSS) ist eine schriftliche Regel, die bestimmt, wie ein Benutzer eine Webseite angezeigt wird. Web-Designer verwenden CSS-Regeln, um die Darstellung der Inhalte auf ihren Webseiten entwerfen. Eine dieser Regeln ist bekannt als die Background-Position-Eigenschaft. Die Background-Position-Eigenschaft legt die Position eines Hintergrundbilds für eine Webseite-Element.

Anweisungen

1 Erstellen Sie eine CSS-Regel für Ihre Webseite-Element, und fügen Sie das Hintergrundbild. Beispielsweise würde in diesem Beispiel eine GIF-Datei als Hintergrund für das Body-Element einer Webseite platzieren:

Körper{Background-Image:URL('yourBackgroundImage.gif');}

2 Zählen Sie die Background-Position-Eigenschaft in der CSS-Regel für das Element. Um ein Hintergrundbild Ausrichten am unteren Rand Ihrer Website Body-Element festzulegen, sollten Sie die Background-Position-Eigenschaft in das Body-Element Regel wie in diesem Beispiel aufnehmen:

Körper{Background-Image:URL('yourBackgroundImage.gif');Hintergrund-Lage: Mitte-unten;}

3 Wählen Sie den Eigenschaftenwert Ihrer Wahl. Wenn Ihr Schreiben Ihrer CSS-Regel, sollten Sie die Background-Position-Eigenschaft einen Wert zuweisen. Du kannst wählen, verwenden Sie einfach den Eigenschaftswert "unten". Dies muss die Wirkung von Ihrem Hintergrundbild am unteren Rand des Elements ausrichten. Es gibt auch drei direktionale Eigenschaftswerte, die den Hintergrund mit dem unteren Rand des Elements ausgerichtet. Dies sind die "Links unten", "rechts unten" und "zentriert unten" Werte. Im obigen Beispiel wird der Eigenschaftswert "unten Mitte" verwendet. Dies wird das Bild in der Mitte und am unteren Rand der Webseite Body-Element auszurichten.

4 Die Background-Position-Eigenschaft den Wert der Eigenschaft zuweisen. Sobald Sie auf die entsprechende Eigenschaft-Wert entscheiden, schreiben Sie diesen Wert in die CSS-Regel nach obigen Beispiel.

5 Anderer Eigenschaftenwerte wie nötig anwenden. Die Background-Position-Eigenschaft akzeptiert andere Eigenschaftswerte, die es Ihnen ermöglichen, zu Stil Positionierung des Hintergrunds auf verschiedene Arten, einschließlich Positionierung Hintergrund an einer festgelegten Position und Hintergrund entlang eine horizontale oder vertikale Achse zu wiederholen. Das World Wide Web Consortium veröffentlichte eine Reihe von Standards, die diese zusätzliche Eigenschaftswerte beschreibt.