... Gradient baggrund ....

Gradient baggrund med CSS

..Du kan forholdsvis let oprette en gradient og så anvende den som baggrund på din side.

Start med at oprette en gradient i f.eks. PhotoShop. Du skal være obs på at du i bunden skal have samme farve, som den du vil bruge på resten af din side. Farven behøver ikke at dække et område der er højere end 1 pixel.

Når du har oprettet din gradient, kopier så et område ud der har den højde dit gradient billede har OG er 1 pixel bred.

Baggrunden skal nu sættes

Tilføj følgende til din CSS:

<html>
<body>
    background-image: url(StiTilDitBillede/pic.gif);
    background-repeat: repeat-x; /*gentag mod højre side*/
    background-color: #FFFFFF; /*den farve du vil have i bunden*/
</body>

Der er masser af muligheder. Du kan f.eks. også brugt lidt grafik, hvor højden er sat til 5 pixel og breden er x pixel. Background-repeat sættes så til background-repeat: repeat-y for at gentagen den nedaf.
Eksperimenter selv med højde og brede. The sky´s the limit :)

Siden er sidst opdateret, den 05-12-2006