Samassa taulukon solussa kahta taustaväriä

On sulla melkoinen viritys.

Mutta vastaus kysymykseen on se ettei taustaväriksi voi laittaa kuin yhden värin.
Tietysti voi käyttää SEKÄ taustaväriä ETTÄ taustakuvaa. Laitan tähän esimerkin divinä:

html:

      


css:

   .solu {
      width: 100px;
      height: 10px;
      border: 1px solid black;
      background: Lime url(vari.gif) no-repeat 50px;
   }



Teet sitten jonkinkokoisen värillisen kuvan jonka nimeksi annat vari.gif


Vähän pitempi esimerkki:

html:
            
         
      




css:

   div {
      width: 100px;
      height: 10px;
      border: 1px solid Black;
      margin: 5px;
   }
   .vapaa {background: Lime;}
   .varattu {background: Red;}
   .puolipaiva {background: Lime url(punainen.gif) no-repeat 50px;}