For at oprette en hjemmeside med et enkelt billede som baggrund anbefaler vi, at du bruger nedenstående CSS-eksempel i din HTML-kode.

Hvis du vil gennemføre ovenstående kode på din webside, skal du kopiere ovenstående linjer og indsætte mellem sektionerne på din webside. Hvis du bruger en WYSIWYG-websideeditor, skal du klikke på linket eller indstillingen, der giver dig mulighed for at indsætte HTML-kode før du indtaster ovenstående kode. Endelig bruger dette eksempel et billede fra Computer Hope. Hvis du vil bruge et brugerdefineret billede, skal du erstatte ovenstående fedlet URL med placeringen af ​​dit billede.

Tip: Hvis du bruger et eksternt CSS-stilark, kan du også kopiere kropsdelen af ​​ovenstående eksempel til din CSS-fil.

Indsæt ovenfor kode her

Eksempel

Tip: Mange brugere ønsker måske at oprette et enkelt stort billede som deres baggrund. Hvis du planlægger at gøre dette, skal du være opmærksom på folk med langsommere internetforbindelser. Store billeder tager tid at indlæse og kan ikke se korrekt ud med folk, der bruger en mindre skærmstørrelse eller opløsning.

Bemærk: Hvis du vil angive baggrundsbilledet, der skal gentages i stedet, skal du indstille baggrundsreagentegenskaben til et af følgende:

• gentag - gentager baggrundsbilledet både vandret og lodret.
• gentag-x - gentager baggrundsbilledet kun vandret.
• gentag-y - gentager kun baggrundsbilledet vertikalt.