Wykonaj sobie plik tła (dajmy na to gradient.png), najlepiej szerokości 2px i wysokości jakieś powiedzmy 500 px. W GIMPie czy w Photoshopie nadaj mu gradien na całej długości. Ważna rzecz - skopiuj sobie kolor z gradientu, który będzie na dole tego wąskiego, a długiego obrazka (przyda się później, dla potrzeb przykładu niech to będzie czarny - #000000).
W deklaracji css, wstaw sobie proszę ja Ciebie coś w ten deseń:
Kod:
body {
margin: 0;
padding: 0;
background: #000000 url(gradient.png) repeat-x top center;
}
W ten sposób - resetujesz sobie marginesy i dopełnienie znacznika body, nadajesz mu zdefiniowany kolor tła w odcieniu dolnego koloru gradientu, a jednocześnie przypisujesz jako wyświetlany w tle, powtarzalny w poziomie obrazek z gradientem.
Efekt powinien być taki, że na górze strony będziesz miał dobrany przez siebie gradient, który gładko przejdzie w kolor strony.