Taustakuvia ja omia luokkiahttps://peda.net/id/146f51022592020-11-13T12:14:56+02:00https://peda.net/:static/537/peda.net.logo.bg.svg<div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div>
Tehtävä 14https://peda.net/id/7150bac82592020-11-13T12:19:38+02:00<p>Tee CSS tyylisivu, jossa määritetään:</p>
<ul>
<li>
<p>Sivun taustakuvaksi jokin kuva (kuvan tulee olla pienempi kuin ruutu). Taustakuva sijoitetaan sivun keskelle, sitä ei toisteta.</p>
</li>
<li>
<p>Sivun taustaväriksi jokin väri</p>
</li>
<li>
<p>Koko sivulle vasen marginaali 50 pikseliä</p>
</li>
<li>
<p>Sivun oletusfontiksi Batang, väri sininen</p>
</li>
<li>
<p>Otsikko 1:n väriksi punainen, tasaus keskelle, fontti Arial 30pt</p>
</li>
<li>
<p>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'.</p>
</li>
<li>
<p>Linkin taustaväri muuttuu punaiseksi, kun sitä osoitetaan hiirellä (a:hover)<br/>
<br/>
Esimerkki tyylimäärityksistä alla. (Älä itse tee täysin tämän näköisiä sivuja vaan käytä omaa kuvaa ja tekstiä.)</p>
<p><br/>
<a href="https://peda.net/iitti/lukio/oppiaineet/tietotekniikka/akjwt/kuvapankki/sivuston-kuvat/i20201113121749#top" title="esimerkki-css-t14.PNG"><img src="https://peda.net/iitti/lukio/oppiaineet/tietotekniikka/akjwt/kuvapankki/sivuston-kuvat/i20201113121749:file/photo/d2133cc2805e4adc5605289a66b89ab0fc373cdd/esimerkki-css-t14.PNG" alt="" title="esimerkki-css-t14.PNG" class="inline" loading="lazy"/></a><br/>
<br/>
</p>
</li>
</ul>
<p><br/>
<br/>
</p>
2020-11-13T12:17:32+02:00