Spoznali bomo
- Lastnosti obrob na besedilu in slikah
Izdelaj spletno stran, ki jo prikazuje spodnja slika in jo poimenuj 10vaja-css-priimek-ime.html. Stran naj bo izdelana v HTML5 in s CSS. Pazi na pravilno uporabo oznak in obliko zapisa kode.
CSS kodo vstavi v glavo spletne strani v oznako style.
Oblikovne lastnosti
- stran -
body:
- zunanji odmik: 20 pik
- ozadje: slika bg-obroba.png, poravnana spodaj desno, slika je prikazana samo enkrat
- besedilo:
- pisava: "Open Sans", sans-serif
- glavni naslov:
- barva: #996600
- razred
oznaka:
- oblika besedila: ležeče besedilo
- pisava: Consolas, "Courier New", monospace
- barva pisave: modra
- slika:
- poravnava: levo
- zunanji odmiki: zgoraj in spodaj 5 pik, levo in desno 10 pik
- notranji odmiki: 5 pik
- obroba: debeline 3 pike, tip črte outset, barva #9fb23e
- okvir:
- poravnava: desno
- zunanji odmiki: zgoraj 5 pik, desno 0 pik, spodaj 5 pik, levo 10 pik
- notranji odmiki: 10 pik
- velikost: širina 200 pik; višina 170 pik
- pisava: velikost 1,2 kratnik pisave, krepko
- obroba: debeline 2 piki, polna črta, barva #ccc
- zgornji kvadrat:
- poravnava: levo
- zunanji odmiki: zgoraj 5 pik, desno 10 pik, spodaj 5 pik, levo 0 pik
- notranji odmiki: 3 pike
- obroba: debeline 20 pik, tip črte ridge, srebrna barva
- spodnja črta: debeline 10 pik, tip črte double, siva barva
