©ilj@flowsim.se
HTML på svenska
HTML: bakgrundsfärg och bakgrundsbilder



 
Man kan använda antingen en färg eller en bild som bakgrund på en hemsida. Om man vill ha en enfärgad röd yta som bakgrund kan man skriva så här:
 
<BODY BGCOLOR="red">
 
eller så här
 
<BODY BGCOLOR="#FF0000">
 

 
en fyrkant
 
Om man i stället vill använda en bildfil (som heter t ex bild.gif ) så skriver man - om bildfilen ligger i samma katalog som HTML-filen - så här:
 
<BODY BACKGROUND="bild.gif">

 
en fyrkant
 
All kod som behövs för en hemsida med röd bakgrundsfärg och texten Det här är min sida om... är alltså:
 
<HTML>
<HEAD>
<TITLE>hemsidans titel</TITLE>
</HEAD>
<BODY BGCOLOR="red">
Det här är min sida om...
</BODY>
</HTML>

 
en fyrkant
 
Så här ser den här sidans bakgrundsbild ut:
 
bakgrundsbilden

 
Bilderna läggs alltså automatiskt bredvid varandra så att de fyller upp hela ytan. Med hjälp av stilmallar kan man ändra på det och få bakgrundsbilden att lägga sig i en enda lodrät rad till exempel. Mer om det under STiLMALLAR/STYLESHEET.

 
en fyrkant
 
Man kan också både välja bakgrundsfärg och ange en bakgrundsbild. Om bakgrundsbilden är sparad med en färg transparent så kommer sidans bakgrundsfärg att synas igenom.
 
<BODY BGCOLOR="red"
      BACKGROUND="bild.gif">

 
en fyrkant
 
Så här ser den här sidans bakgrundsbild ut i tabellceller som fått olika bakgrundsfärg.
bakgrundsbild bakgrundsbild bakgrundsbild bakgrundsbild bakgrundsbild

 

 
I nyare webbläsare kan man reglera hur en sidas bakgrund ska se ut både på det sätt som beskrivits ovan och med hjälp av stylesheets/stilmallar. Då ska BODY-taggen i stället se ut så här:
 
<BODY STYLE="background-color:red">
 
Mer om det under rubriken STYLESHEETS.

 

 
en fyrkant
 
Mer om färger under
färger
färgord
färgsiffror
testa alla färger
färgsiffror - är FF detsamma som 255?
 

 

 
en fyrkant
 
Mer om gif-bilder med genomskinlig bakgrund under
BILD & FÄRG/ hur man gör gif-bilder med transparent bakgrund

 
en fyrkant
 
Texten på den här sidan ligger för övrigt i en tabell med vit bakgrundsfärg.

 
en fyrkant
 
en fyrkant
Sidan gjordes av
 
ilj
 
ilj@flowsim.se
 
en fyrkant
 
Senast ändrad 25 mars 2004.
 
Den här sidan hör hemma i ett tredelat ramsystem
hos:
www.flowsim.se
HTML på svenska