skriv ut »

Bakgrundsbilder

En bild som bakgrund på din HTML-sida kan vara ett bra alternativ till att använda en bakgrundsfärg. En bakgrundsbild läggs liksom bakgrundsfärg inom märket <BODY>:

<body background="bakgrundsbild.gif">

En bakgrundsbild upprepas horisontellt och vertikalt (höger och nedåt) om den är mindre än webbläsarens fönsterstorlek och detta innebär att ett "mönster" kan uppstå. Exemplen nedan visar hur små bilder upprepas om de används som bakgrunder.

Bakgrundsbild - exempel 1

Bilden som används:

Resultatet i webbläsaren:

Klicka här för att se exemplet »

 

Bakgrundsbild- exempel 2

Bilden som används:

Resultatet i webbläsaren:

Klicka här för att se exemplet »

 

ÖVNING 5: BAKGRUNDER

  1. Använd en bakgrundsbild istället för din bakgrundsfärg. Du kan använda bilden nedan (bakgrund.jpg) - högerklicka på bilden nedan och spara den i samma mapp som ditt dokument:



    se färdigt exempel »

    <body background="bakgrund.jpg">

    Så här kan det se ut i webbläsaren:

 

Fixerad bakgrundsbild

Om du vill att bakgrundbilden inte ska scrolla när sidans innehåll bläddras kan du ange att den ska vara fixerad med attributet bgproperties="fixed":

<body background="bakgrund.jpg" bgproperties="fixed">

Se färdigt exempel »

TIPS! Du kan även göra samma sak genom att använda CSS » och då kan du även styra hur bilden ska upprepas och andra egenskaper som inte finns i HTML.

 

Gå vidare: Länkar »