Kapittel 4.2 - Bakgrunnsfarger

Hittil har vi sett på hvordan vi endrer farger på elementer som befinner seg i et dokuments forgrunn. For å endre et elements bakgrunnsfarge benytter man seg av CSS elementet backgound-color.

Når det gjelder bakgrunnsfarger, gjelder CSS sin arving av egenskaper. Med mindre et HTML element definerer sin egen bakgrunnsfarge, arver den bakgrunnsfargen til elementet bak seg. Dermed er det mulig å definere bakgrunnsfarge for hvert lag meg HTML elementer:

<style> 
  hr { color: #B32;} 
  li { color: #0f2;} 
  h4 { color: #02f; text-align: center; font-weight: 900; } 
  body { color: #999; } 
</style> 

<body style="color: #02f;"> 

<h4>Metoder for å omgjøre saltvann til ferskvann:</h4> 

<hr> 

<ul> 
  <li><span style="background-color: #44f;"> Koking</span> 
  <li><span style="background-color: #f44;"> Frysing</span> 
  <li><span style="color: black;"> Annet</span> 
</ul> 

</body>

CSS elementet backgound-color kan benytter innenfor et hvilket som helst element som har en størrelse. Det inkluderer <p>, <font>, <div>, <span>, <table> og <td>.

Kapittel 4.2 - Bakgrunnsfarger

Labels