Jos haluat luoda verkkosivuston, jossa on yksi kuva taustana, suosittelemme käyttämään alla olevaa CSS-esimerkkiä HTML-koodissasi.
<style type="text/css">
<!--
body {
background-image: url(https://www.computerhope.com/cdn/computer-hope.jpg);
background-repeat: no-repeat;
}
-->
</style>
Ota yllä oleva koodi käyttöön kopioimalla rivit ja liittämällä
-tunnisteiden väliin. Jos käytät WYSIWYG-verkkosivun muokkausohjelmaa, sinun on napsautettava linkkiä tai vaihtoehtoa, jonka avulla voit lisätä HTML-koodin ennen yllä olevan koodin kirjoittamista. Lopuksi tässä esimerkissä käytetään Computer Hopen kuvaa. Jos haluat käyttää mukautettua kuvaa, korvaa koodissa oleva lihavoitu URL-osoite kuvan sijainnilla.
Kärki
Jos käytät ulkoista CSS-tyylitaulukkoa, voit myös kopioida yllä olevan esimerkin runko-osan CSS-tiedostoosi.
<html>
<head>
Insert above code here
<title>Example</title>
</head>
<body>
</body>
</html>
Kärki
Monet käyttäjät saattavat haluta luoda yhden suuren kuvan taustakseen. Jos aiot tehdä tämän, ota huomioon ihmiset, joilla on hitaammat Internet-yhteydet. Suuret kuvat latautuvat jonkin aikaa, eivätkä ne välttämättä näytä oikealta ihmisille, jotka käyttävät pienempää näytön kokoa tai resoluutiota.
Jos haluat asettaa taustakuvan toistumaan sen sijaan, aseta taustakuvan toisto -ominaisuuden arvoksi jokin seuraavista arvoista.
- toista – toistaa taustakuvan sekä vaaka- että pystysuunnassa.
- toista-x – toistaa taustakuvan vain vaakasuunnassa.
- toista-y – toistaa taustakuvan vain pystysuunnassa.
