6. Bakgrund

Att ändra bakgrunden kan vara fördelaktigt av flera anledningar. T.ex. för att visa en bild som är viktig för dokumentet, eller justera bakgrundsfärgen för olika delar av dokumentet för särskilja olika sektioner. Användningsområdet begränsas endast av fantasin.

background
Precis som med listor finns det för bakgrunder ett flertal attribut som kan sättas, och ett element som kan sätta allihop på en gång. Detta är background-elementet. De attribut som finns för bakgrunder är:
background-color
Sätter bakgrundselementets färg
background-image
Sätter en bakgrundsbild
background-repeat
Bestämmer om en bakgrundsbild ska upprepas på bakgrundsytan
background-position
Sätter en bakgrundsbilds startposition
background-attachment
Bestämmer om en bakgrundsbild ska vara skrollbar eller inte


Ex.

<body>
   <div style="background: url(bakgrundsbild.jpg) repeat">
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
      Text<br />
   </div>
</body>

Detta ger en bakgrund som innehåller bakgrundsbild.jpg som är repeterande:

Text
Text
Text
Text
Text
Text
Text
Text
Text
Text

Valid XHTML 1.1!