H�tt�r st�lusok CSS-sel

Most, hogy m�r tudod a CSS alapjait, itt az ideje, hogy elkezd sz�p�teni az oldaladat. Tal�n a h�tt�r a legl�tv�nyosabb, ez�rt kezdj�k azzal. A legegyszer�bb az egysz�n� h�tt�r, ami lehet �tl�tsz� is. Itt a k�dja:

body {background-color:#FEE84B;}

Eddigi ismereteid alapj�n r�j�hetsz, hogy itt a body (=az eg�sz oldal) a szelektor, ennek adunk h�tt�rsz�nt (background-color). A h�tt�rsz�n �rt�ke h�romf�le lehet:

• hexadecim�lis k�d (olyan, mint a p�ld�ban, ezt haszn�lj�k leggyakrabban, mindig van kett�skereszt, ut�na pedig a hat sz�m vagy bet�)
• a sz�n neve angolul - nyilv�n nem m�k�dik mindegyik, de el�g sok igen (van pl. gold �s silver is), itt nem kell a kett�skereszt
• RGB sz�nk�d, ezt ritk�n haszn�lj�k, de ha m�gis ilyet szeretn�l, �gy tudod megadni: rgb(81,249,115)

H�tt�rsz�nt term�szetesen b�rminek lehet adni, ak�r egy sz�nak is, de egy eg�sz bekezd�snek is, vagy egy t�bl�zatnak.

Tipp: �tl�tsz� h�tt�rhez ezt �rd be:

body {background-color:transparent;}

H�tt�rk�p CSS-sel

H�tt�rk�pet is b�rminek lehet adni (sz�vegnek is!), de leggyakrabban ez eg�sz oldalnak szoktak h�tteret adni, hogy egys�ges legyen. T�ltsd fel a k�pet, �s m�r be is m�solhatod az URL c�m�t a k�dba:

body {background-image:url('K�P URL C�ME');}

Ha �gy nem v�ltoztatsz a k�don, miut�n betetted a k�p c�m�t, akkor automatikusan ism�tl�dik majd a h�tt�rk�ped minden ir�nyban.

Tipp: figyelj r�, hogy olyan h�tteret v�lassz, amit�l a sz�veg olvashat� marad!

Vannak olyan k�pek, amiket �rdemes csak az egyik ir�nyban ism�tl�d�re �ll�tani, pl. egy sz�n�tmenetes h�tt�r (mint a p�ld�ban) nem biztos, hogy j� lenne t�bbsz�r egym�s alatt. Itt is van a k�dja:

body {background-image:url('K�P URL C�ME');
background-repeat:repeat-x;
}

A background-repeat �rt�ke n�gyf�le lehet:

• repeat (minden ir�nyba ism�tl�d�)
  
• repeat-x (v�zszintesen ism�tl�d�)
  
• repeat-y (f�gg�legesen ism�tl�d�)
  
• no-repeat (nincs ism�tl�s)
  

N�ha az is el�fordul, hogy azt szeretn�d, hogy a h�ttered ne ism�tl�dj�n, de ne a bal fels� sarokb�l induljon, mert zavar� lehet, ha pont a sz�veg alatt van a k�p. Ezen azzal seg�thetsz, hogy megadod a h�tt�rk�ped poz�ci�j�t, b�r itt sajnos csak a legalapvet�bbek m�k�dnek: baloldal-jobboldal, fent-lent �s ezeknek a vari�ci�i. A p�ld�ban szerepl� k�p jobbra lent van:

body {background-image:url('K�P URL C�ME');
background-repeat:no-repeat;
background-position:right bottom;
}

<< vissza a CSS k�dokhoz!