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ä.)


     



Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä