Tło tonalne strony internetowej

Klasyczna metoda tworzenia tonalnego tła strony internetowej, polega na wykonaniu grafiki o 1px szerokości lub wysokości (w zależności od układu) i zdefiniowaniu stylu CSS, który ten motyw powtórzy.
Przykład 1

1. Uruchom edytor graficzny GIMP.
2. Z menu Plik wybierz Nowy.
3. W oknie Utworzenie nowego obrazu ustaw atrybuty Szerokość i Wysokość na 100 px i zaakceptuj przyciskiem OK.
   
4. Na przyborniku kliknij przycisk Gradient a oknie dokowanym Edytor gradientów.
5. Kliknij przycisk koloru aktywnego i ustaw jego wartość na rgb(51, 51, 51).
6. Kliknij przycisk koloru tła i ustaw jego wartość na rgb(204,204,204).
7. Wypełnij (przeciągnij myszką pionowo) gradientem obraz.
8. Z menu Obraz wybierz Wymiary płótna... i ustaw szerokość na 1px.
9. Wyeksportuj obraz do pliku tlo1.png.
   
10. Utwórz plik strony internetowej p1.html i zdefiniuj styl CSS definiujący tło:
    body {
    background: url(tlo1.png) repeat-x rgb(204,204,204);
    }

Zadanie

Wykonaj  grafikę, która będzie motywem tła strony internetowej z wykorzystaniem powtarzania pionowego. Sprawdź efekt na przykładowej stronie.

Teoria
Tło i obramowanie w CSS3