Einige Hintergrundsyntaxen in CSS-CSS

CSS-Beschreibung
background-image:url("URL des Bildes");
Hintergrund: URL("URL des Bildes");
Hintergrundfarbe:#Farbcode; Hintergrundfarbe

Exp:
Hintergrundbild:url(Hintergrundmuster.jpg,gif,bmp);
Hintergrundfarbe:#FFFFFF;
Hintergrundfarbe: transparent <--Stellen Sie den Hintergrund auf eine transparente Farbe ein

-------------------------------------------------- ----------------------------------

„background-repeat“ ändert die Wiederholungseinstellung von Hintergrundbildern nebeneinander

CSS
veranschaulichen
Wiederholen Sie Hintergrundbilder nebeneinander
Wiederholungs-X-Hintergrundbilder werden in X-Richtung nebeneinander angeordnet
Wiederholte Hintergrundbilder werden in Y-Richtung nebeneinander angeordnet
Hintergrundbilder ohne Wiederholung werden nicht nebeneinander verarbeitet

Exp:
Hintergrundbild:url("/u/info_img/2009-06/09/xx.gif");
Hintergrundwiederholung:keine Wiederholung;
Verwenden Sie dieses Bild als Hintergrund, wenn die Bildgröße nicht ausreicht, wiederholen Sie es nicht nebeneinander.

-------------------------------------------------- ----------------------------------

Ob der Hintergrundanhang die Bildposition fixiert

CSS
veranschaulichen
scroll Wenn der Scroll gezogen wird, verschiebt sich das Hintergrundbild entsprechend (Standardwert)
behoben Das Hintergrundbild bewegt sich nicht, wenn die Schriftrolle gezogen wird.

Exp:
Hintergrundbild:url("/u/info_img/2009-06/09/xx.gif");
Hintergrundwiederholung:keine Wiederholung;
Hintergrundanhang:fixiert;
Das Hintergrundbild in /u/info_img/2009-06/09/xx.gif wird nicht wiederholt und nebeneinander gestellt und bewegt sich nicht mit dem Scrollen.

-------------------------------------------------- ----------------------------------

Hintergrundposition nach Länge positionieren: x y
Prozentuale Positionierung verwenden, Hintergrundposition: x% y%

CSS
veranschaulichen
x% nach rechts bewegen
y% bewegen sich nach unten
Hintergrundposition: 0 % 0 %; oben links
Hintergrundposition: 0 % 50 %; linke Mitte
Hintergrundposition: 50 % 0 %; über der Mitte
Hintergrundposition: 50 % 50 %; Mitte
Hintergrundposition: 100 % 0 %;
Hintergrundposition: 0 % 100 %; unten links
Hintergrundposition: 100 % 50 %; Mitte rechts
Hintergrundposition: 50 % 100 %; Mitte und unten
Hintergrundposition: 100 % 100 % unten rechts

Targeting mit Schlüsselwörtern
Schlüsselwortbeschreibung
oben ( y = 0 )
Zentrum ( x = 50, y = 50 )
unten ( y = 100 )
links links ( x= 0 )

Exp:
Hintergrundposition:Mitte;
Das Bild befindet sich an der Position X=50 % Y=50 % in der Mitte des angegebenen Hintergrunds
Hintergrundposition: 200px 30px