Taustakuvasta

tyylitiedostoon esim background-color: #9370DB;
Tuota en kyllä ymmärrä?

Elementtiin ei saa kuin yhden taustakuvan. Tosin elementtejä voi olla useampia päällekkäin, joten tavallaan useampikin taustakuva on mahdollista.

Mutta otetaas ekaks toi peruskysymys: tausta.

Taustasta pystyy määrittelemään neljä asiaa:
   background-color (taustaväri)
   background-image (taustakuva)
   background-repeat (taustakuvan toistuvuus)
   background-attachment (taustakuvan kiinnitys)
   background-position (taustakuvan sijainti)

väri on vapaasti määriteltävissä aivan kuten css:ssä yleensäkin:
   background-color: Silver;
   background-color: #B2B4BF;
   background-color: rgb(178,180,191);

Kuva laitetaan kuten olet laittanutkin:
   background-image: url(corner.png);

Taustakuvan toistuvuudella on neljä arvoa:
   background-repeat: repeat-x;
   background-repeat: repeat-y;
   background-repeat: no-repeat;
   background-repeat: repeat;

Taustakuvan kiinnityksellä on kaksi arvoa:
   background-attachment: scroll;
   background-attachment: fixed;

Sijainnin voi määrätä suhteellisen vapaasti, esim:
   background-position: top;
   background-position: center;
   background-position: bottom;
   background-position: left;
   background-position: right;
   background-position: bottom right;
   background-position: 50px 100px;

Nämä kaikki voidaan ilmoittaa erikseen, mutta ne voidaan myös yhdistää saman backgroundin ominaisuudeksi:

   body {
      background: Silver url(corner.png) no-repeat fixed right bottom;
   }

Ja taustaväri siis näkyy siltä osuudelta, jossa ei ole taustakuvaa (tai siinä on läpinäkyvyyttä).

Kikkailemalla saat tietty useammankin taustakuvan:

html:



   




css:

   body {
      background: Silver url(corner.png) no-repeat fixed right bottom;
   }
   #content {
      width: 100%;
      height: 100%;
      background: transparent url(logo.jpg) no-repeat fixed top left;
   }