Zusammenfassung des allgemeinen Wissens über das CSS-Seitenlayout (Seitenhintergrund)

In CSS steckt viel Wissen, und es ist für uns unmöglich, uns alles zu merken. In meiner Freizeit habe ich einige allgemeine Kenntnisse über das CSS-Seitenlayout zusammengestellt. In diesem Artikel werde ich Ihnen das allgemeine Wissen über den Hintergrund von CSS-Seiten vermitteln. Freunde in Not können darauf verweisen, ich hoffe, es kann Ihnen helfen.

1. Legen Sie die Hintergrundfarbe fest

CSS stellt das Attribut „Hintergrundfarbe“ bereit, um die Hintergrundfarbe der Seite festzulegen.

Beispiel: Hintergrundfarbe: rot;

2. Hintergrundbild festlegen

Bild zur Seite hinzufügen

Syntax: < ; img src=“pic.jpg“/>

Ein Hintergrundbild zur Seite hinzufügen

CSS bietet das Attribut „Hintergrundbild“, um der Seite direkt ein Hintergrundbild hinzuzufügen.

Syntax: Hintergrundbild: URL (pic.jpg);

(1) Kacheln von Hintergrundbildern

CSS bietet die Eigenschaft „Hintergrundwiederholung“. Legt die Kachelmethode des Hintergrundbilds fest. Es gibt vier Attribute: „repeat“ (das Hintergrundbild wird horizontal und vertikal gekachelt), „no-repeat“ (das Hintergrundbild wird nicht horizontal gekachelt), „repeat-x“ (das Hintergrundbild wird horizontal gekachelt), „repeat-y“ (das Hintergrundbild wird horizontal gekachelt). vertikal gefliest).

Syntax:background-repeat:repeatmode;

(2) Position des Hintergrundbildes

CSS stellt das Attribut „Hintergrundposition“ zum Festlegen bereit Hintergrundbild und relative Seitenposition.

Syntax: background-position: position;

Wobei die Position mithilfe von Längeneinheiten, Prozentsätzen und Schlüsselwörtern bestimmt werden kann.

Längeneinheit verwenden: Hintergrundposition: 10px 20px (das Hintergrundbild wird um 10px entlang der x-Achse und 20px entlang der y-Achse verschoben)

Prozentsatz verwenden: Hintergrundposition: 30 % 30 %;

Verwenden Sie Schlüsselwörter: Hintergrundposition: rechts unten; Die Attributwerte umfassen links, Mitte und rechts in horizontaler Richtung und oben, Mitte und unten in vertikaler Richtung.

(3) Feste und scrollende Hintergrundbilder

CSS stellt das Attribut „Hintergrundanhang“ bereit. Der Attributwert scroll gibt an, dass das Hintergrundbild mit festem Objektinhalt gescrollt wird.

Beispiel: Hintergrundanhang: behoben;

3. Seitenhintergrundattribute

Attribute Hintergrundbild, Hintergrundposition, Hintergrundwiederholung, Die vier Eigenschaften von „background-attachment“ können mit „background“ abgekürzt werden.

Beispiel: Hintergrund: URL (pic.jpg) 10px 20px Wiederholung behoben;

Das obige ist der detaillierte Inhalt vonZusammenfassung des allgemeinen Wissens über das CSS-Seitenlayout (Seitenhintergrund). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!