Fundal pentru site-ul HTML (css proprietate de fundal) - exemple

culoare de fundal

Fundalul implicit este transparenta. transparență parțială sau completă poate fi realizată cu ajutorul funcției RGBA. Luați în considerare de culoare verde, care poate fi scrisă după cum urmează.
▼ verde # 008000 RGBA rgb

background-image

În plus față de culorile folosite și imaginea. Dacă este mai mică decât suprafața dorită, imaginea va fi repetată.
▼ url l gradient r gradient

fundal repetare

Seturi de model de repetiție pe orizontală, pe verticală, sau afișează imaginea într-un singur exemplar. spațiu repetă imaginea fără decuparea și redimensionarea, rotund se schimbă fotografia, astfel încât să se potrivească în întregul recipient. spațiu, rotund și fără repetare pot fi combinate. Ultimele două valori nu sunt acceptate în Mozilla Firefox, Chrome și Safari.
▼ fără repetare repetată x spațiu rotund spațiu-repetare y × no-repeat

Asigurați-vă că pentru a specifica un spațiu după paranteze, de exemplu, un astfel de semn nu va funcționa în IE.

background-position

Pentru elementul de poziționare, în care prima valoare (. Interes, px etc.) determină o poziție orizontală, al doilea - verticală.
▼ 0% 50% 50% 50% 100% 0% 100% 100%

background-attachment

În mod implicit fundalul se misca cu derulare a ferestrei browserului (parcurgere). Puteți să-l repara (fix). Sau să muta cu conținutul de derulare a blocului (local).
▼ fixă ​​locală

fundal clip

Acesta determină tipul imaginii de fundal la frontiere.
▼ padding-box-box de conținut

fundal origine

Imaginea de fundal este poziționată în raport cu marginile elementului.
▼ de frontieră-box-box de conținut

background-size

Setează dimensiunea elementului de imagine de fundal. În acest caz, textarea. și trăgând astfel, punctele care alcătuiesc triunghiul, puteți modifica dimensiunile. auto, să conțină și să păstreze raportul de acoperire de înălțimea și lățimea imaginii, schimbarea zonei de interes în ceea ce privește blocul ocupat.
▼ ajustare lățime la marginea latura mare a întregului spațiu în unități

fundal-amestec-mode

Controale moduri de amestecare straturi Background [w3.org]. Pentru fiecare imagine sau gradientului poate înregistra regimul lor.
fiecare gradient de

Vitaly Zdanevich Vă mulțumesc, Natalie, dar eu nu înțeleg ...

Ce ar trebui să scrie cod în Blogger bloc pentru a Klats - fundal alb! Klats din nou - înapoi la negru! codul NMitra

NMitra Sau chiar mai interesant. ID-ul pentru organismul este, de asemenea, necesar. Și pentru a adăuga un obiect gadget

fundal întunecat - buton alb

fundal alb - buton întuneric Vitaly Zdanevich Deci, acest cod se schimbă numai fundalul este principala parte a blogului cârnați (ca în exemplu)? Și la toate fundal sa schimbat, cârnați și de bază? NMitra Aici este site-ul ar trebui să arate:





Înainte de a]]> face

post-exterior codul de mult Vitaly Zdanevich - Nu înțeleg nimic ... Ele sunt diferite variante sau corecturi.

Ce să scrie în șablon și de a face același lucru - în gadget. mol:

În Temple între X și Y write:

Noul cod gadget vom scrie:

]]> NMitra Acolo - este "Design" - "Edit HTML". NMitra Pentru a modifica și textul:


Timp de timp

două două două

Mai multe NMitra uitat să adăugați
z-index: -1; Musulman Gasanov Vă mulțumesc. Tu chiar a ajutat.

articole similare