Taustakuvia ja omia luokkia

Tehtävä 14

Tee CSS tyylisivu, jossa määritetään:

  • Sivun taustakuvaksi jokin kuva (kuvan tulee olla pienempi kuin ruutu). Taustakuva sijoitetaan sivun keskelle, sitä ei toisteta.

  • Sivun taustaväriksi jokin väri

  • Koko sivulle vasen marginaali 50 pikseliä

  • Sivun oletusfontiksi Batang, väri sininen

  • Otsikko 1:n väriksi punainen, tasaus keskelle, fontti Arial 30pt

  • Oma kappaleluokka p.boksi, jossa määritetään ympärille tyhjää tilaa 20 pikseliä, taustaväriksi rgb-arvo 200,200,255, ympärille sininen kehys, tyylinä 'double'.

  • Linkin taustaväri muuttuu punaiseksi, kun sitä osoitetaan hiirellä (a:hover)

    Esimerkki tyylimäärityksistä alla. (Älä itse tee täysin tämän näköisiä sivuja vaan käytä omaa kuvaa ja tekstiä.)