Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

3. Muuta lista vaakasuoraksi navigaatioksi (vinkki: käytä list-style-type -ominaisuutta)

4. Tee navigaatiolinkeistä painikkeen näköiset: 

  • lisää täytettä (padding) linkin joka reunalle
  • lisää reunaviivat ja taustaväri / taustakuva

 5. Lisää navigaatiolle myös hover-efekti: kun käyttäjä laittaa hiiren painikkeen yli, se muuttaa taustavärinsä toiseksi.

Esimerkki

Harjoitus 3