Einführung in die Eigenschaften des Hintergrundattributs in CSS

Dieser Artikel bietet Ihnen eine Einführung in die Eigenschaften des Hintergrundattributs in CSS. Ich hoffe, dass er für Freunde hilfreich ist.

Abkürzungsreihenfolge: color-image-repeat-attachment-position

eg:body{background:#ffffff url('img.png') no-repeat right top 🎜>

Lassen Sie uns die Eigenschaften der einzelnen Attribute der Reihe nach vorstellen:

1. Hintergrundfarbe: rot; #ffffff (255.255.255);

Drei Farbdarstellungsmethoden, nämlich Farbe Name, Hexadezimal und RGB; Hintergrundfarbe ist für alle Elemente einstellbar;

2. Hintergrundbild: URL ('img.jpg')

Die Bildadresse kann ein relativer Pfad oder ein absoluter Pfad sein; die Standardeinstellung ist die gekachelte und wiederholte Anzeige;

3. Hintergrundwiederholung: Wiederholung-x; keine Wiederholung; 4. Hintergrundanhang: lokal; erben;

Hintergrundanhang bedeutet, ob das Hintergrundbild fest ist oder mit dem Rest der Seite scrollt; die Standardeinstellung ist scrollen;

scrollen bedeutet, dass das Hintergrundbild mit dem Rest der Seite scrollt ; Fixed bedeutet, dass „Fixed“ vom übergeordneten Element geerbt wird.

5. Hintergrundposition: 66 % 33 %; Der Wert ist standardmäßig auf „Mitte“ eingestellt. Bei „drei“ handelt es sich um einen Prozentsatz.

Die beiden letztgenannten weisen eine hohe Genauigkeit auf.

6. background-clip: border-box; padding-box;

7. background-origin: border-box; padding-box;

Hinweis: Wenn der Hintergrundbild-Hintergrundanhang „fest“ ist, hat dieses Attribut keine Auswirkung.

8. Hintergrundgröße: automatisch (Standard); Länge (zwei Werte, eine Breite und eine Höhe. Wenn es einen Wert gibt, ist der zweite standardmäßig der Prozentsatz). gleich wie Länge); cover (dies enthält (das Seitenverhältnis des Bildes bleibt erhalten und das Bild wird auf die minimale Größe skaliert, die in den Hintergrundpositionierungsbereich passt);

Verwandte Empfehlungen:

CSS: Hintergrundfarbe/Hintergrundbild_html/css_WEB-ITnose

CSS-Hintergrund, den Sie nicht kennen – Komplettlösung für CSS-Hintergrundattribute

Das obige ist der detaillierte Inhalt vonEinführung in die Eigenschaften des Hintergrundattributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!