Was sind die neuen Hintergrundeigenschaften in CSS3?

Lassen Sie mich einige Hintergrundattribute von CSS und die neuen Hintergrundattribute von CSS3 zusammenfassen.

Hintergrund:

Hintergrundfarbe:Hintergrundfarbe

Hintergrundbild:Hintergrundbild

background-repeat: Hintergrundwiederholung

background-position: Hintergrundpositionierung

background-attachment: Hintergrund fixiert/fixiert )

Hintergrundgröße Hintergrundgröße

Hintergrundgröße:x y

Hintergrundgröße:100 % 100 %

Hintergrundgröße:cover proportional Vergrößerung

background-size:contain Enthält (Bild läuft nicht über)

Mehrere Hintergründe

background:url() 0 0,url() 0 100%;

background-origin Positionierung des Hintergrundbereichs

border-box: Zeigt den Hintergrund ausgehend vom Randbereich an.

padding-box: Zeigt den Hintergrund ausgehend vom Füllbereich an.

content-box: Zeigt den Hintergrund ausgehend vom Inhaltsbereich an.

background-clip Hintergrund-Zeichenbereich

border-box: Beschneiden Sie den Hintergrund vom Randbereich nach außen.

padding-box: Beschneiden Sie den Hintergrund vom Polsterbereich nach außen.

content-box: Beschneiden Sie den Hintergrund außerhalb des Inhaltsbereichs.

Text: Hintergrundfülltext // Nicht unterstützt

No-Clip: Beschneiden Sie den Hintergrund vom Randbereich nach außen.

Farbverlauf

Linearer Verlauf: -webkit-linear-gradient(Startpunkt/Winkel, Farbposition,...,)

Startpunkt: links/oben/ rechts/unten/links oben...Standard oben

Winkel: Gegen den Uhrzeigersinn 0-360 Grad

Farbposition: Rot 0, Blau 50 %, Gelb 100 % (Rot beginnt bei 50 % Farbverlauf bis 100 % Blau)

Farbverlauf

repeating-linear-gradient Linearer Farbverlauf, sich wiederholende Kacheln

IE-Farbverlauf (Filter):

Filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='1');

Farbverlauf

Pfadverlauf: radial-gradient ( Startpunkt (Mittelposition des Kreises), Form/Radius/Größe, Farbe 1, Farbe 2)

Startpunkt: links/oben/rechts/unten oder spezifischer Wert/Prozentsatz

Form: Ellipse, Kreis

Größe: spezifischer Wert oder Prozentsatz oder Schlüsselwort (nächste Seite (nächste Seite), nächstgelegene Ecke (nächste Ecke), entfernteste Seite (am weitesten Ende), fernste Ecke (am weitesten entfernte Ecke). ), include (include), cover (cover));

Hinweis: Firefox unterstützt derzeit nur die Schlüsselwörter

zum Thema Hintergrund. Für weitere spannende Inhalte achten Sie bitte darauf zu anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Was tun, wenn sich DIVs in HTML überlappen?

So verwenden Sie Margin 0 Auto in HTML

Was ist der Unterschied zwischen br, p und DIV in HTML

Das obige ist der detaillierte Inhalt vonWas sind die neuen Hintergrundeigenschaften in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!