[Tutorial CSS] Fundaluri

#1
Nume Tutorial: Fundaluri
Descriere: Fundaluri
Download:
Autor: Anonim
Sursa (Link-ul oficial): Propria parere: Folositor.
Tutorialul:

Puteti stiliza fundalul unui element cu o declaratie de proprietate adecvata.

Cod: Selectaţi tot

background: #ffffff url(calea_catre_imagine) top left no-repeat fixed;
Valori:

attachment
color
image
position
repeat

Sau, puteti seta fiecare proprietate separat, dupa cum urmeaza:
Atasament fundal

Daca folositi o imagine ca fundal, puteti specifica daca fundalul se misca o data cu pagina (la scroll vertical) sau este fix cu ajutorul proprietatii "background-attachment".

Cod: Selectaţi tot

background-attachment: valoare;
Valori:

fixed
scroll

Culoarea fundalului

Proprietatea "background-color" specifica culoarea fundalului:

Cod: Selectaţi tot

background-color: valoare;
Posibile valori:

color name
hexadecimal number
RGB color code
transparent

Imaginea de fundal

Se poate seta o magine ca fundal al unui element, cu proprietatea "background-image".

Cod: Selectaţi tot

background-image: url(calea_catre_imagine);
Valori:

url
none

Pozitia fundalului

Imaginea folosita cu rol de fundal se poate pozitiona cu ajutorul proprietatii background-position.

Cod: Selectaţi tot

background-position: valoare;
Valorile posibile sunt:

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos

Repetarea fundalului

Se poate face ca imaginea folosita la fundal sa se repete pe axa x sau pe axa ya ecranului folosind proprietatea "background-repeat".

Cod: Selectaţi tot

background-repeat: valoare;
Valori:

no-repeat
repeat
repeat-x
repeat-y

Înapoi la “Tutoriale CSS”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 0 vizitatori