CSS-Hintergrundcode-Sammlung

CSS-Hintergrundcode: 1. Hintergrundfarbe, Hintergrundfarbe: Farbname;; 2. Hintergrundbild, Hintergrundbild: URL('image-url');; style;; 4. Hintergrundposition, Hintergrundposition: Positionsstil und so weiter.

Der CSS-Hintergrundcode lautet wie folgt:

1. Hintergrundfarbe:

Hintergrundfarbe: Farbname;

wobei Farbname ein beliebiger gültiger CSS-Farbname oder eine hexadezimale benutzerdefinierte Farbe sein kann Wert.

2. Hintergrundbild:

Hintergrundbild: URL('Bild-URL');

wobei Bild-URL die URL-Adresse des Bildes ist.

3. Hintergrundwiederholung:

Hintergrundwiederholung: Wiederholungsstil;

wobei Wiederholungsstil „Wiederholung“, „Wiederholung-x“ oder „Wiederholung-y“ sein kann, was angibt, ob das Hintergrundbild gekachelt oder gekachelt werden muss ein bestimmtes Richtungsgeschäft.

4. Hintergrundposition:

Hintergrundposition: Positionsstil;

Unter diesen kann der Positionsstil links, in der Mitte oder rechts sein und die Position des Hintergrundbilds auf der Seite angeben.

5. Hintergrundgröße:

Hintergrundgröße: Größenstil;

Unter diesen kann der Größenstil „Auto“, „Abdecken“ oder „Enthalten“ sein und die Größe des Hintergrundbilds angeben.

6. Hintergrundanhang:

Hintergrundanhang: Scroll-Stil;

wobei der Scroll-Stil scrollen, fest oder sein kann Local-Origin gibt an, ob das Hintergrundbild mit der Seite scrollt, über der Seite fixiert ist oder mit der Seite scrollt.

7. Hintergrundfarbe und Bild:

Hintergrund: Farbname-URL('Bild-URL');

Sie können die Hintergrundfarbe und das Hintergrundbild zusammen festlegen.

8. Hintergrundverlauf:

Hintergrundbild: linearer Verlauf (Richtung, Farbstopp1, Farbstopp2, ...);

wobei „Richtung“ die Verlaufsrichtung ist, die nach unten, nach oben, nach links, nach rechts oder rund sein kann. Farbstopp Es handelt sich um die Verlaufsfarbe, es können mehrere durch Kommas getrennte Farben vorhanden sein.

Das Obige ist eine Sammlung von CSS-Hintergrundcodes, die je nach Bedarf kombiniert und verwendet werden können.

Das obige ist der detaillierte Inhalt vonCSS-Hintergrundcode-Sammlung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!