CSS

Grafika jako tło na stronie

admin, 2010-03-31, 13:52:59
Tłem strony wcale nie musi być jednolity kolor, można równie dobrze do tego celu użyć elementu graficznego.

Żeby wypełnić tło strony elementem graficznym,  musimy zdefiniować styl dla elementu "body". Do wypełnienia tła możemy wykorzystać pliki jpg, gif lub png.

Można to zrobić lokalnie:

<body style="background-image:url('plik_graficzny.jpg')">

lub w zewnętrznym pliku ze stylami:

BODY {

background-image: url('plik_graficzny.jpg')";

}

W ten sposób całe dostępne tło zostanie wypełnione wskazanym plikiem graficznym. Możemy jednak wpłynąć na wypełnienie tła plikiem graficznym dodając następujące :

background-repeat: no-repeat; - wyświetli plik graficzny bez powielania go na całym tle,

background-repeat: repeat-x; - wyświetli plik graficzny powielony w osi x,

background-repeat: repeat-y; - wyświetli plik graficzny powielony w osi y,