Jos haluat luoda sivuston, jossa on yksi kuva taustana, suosittelemme käyttämään alla olevaa CSS-esimerkkiä HTML-koodissasi.

Voit ottaa yllä mainitun koodin Web-sivullesi kopioimalla yllä olevat rivit ja liittämällä ne Web-sivusi osien väliin. Jos käytät WYSIWYG-verkkosivun editoria, sinun on napsautettava linkkiä tai vaihtoehtoa, jonka avulla voit lisätä HTML-koodin ennen edellä mainitun koodin syöttämistä. Lopuksi tämä esimerkki käyttää kuvaa tietokoneesta. Jos haluat käyttää mukautettua kuvaa, vaihda yllä oleva lihavoitu URL-osoite kuvan sijaintiin.

Vihje: Jos käytät ulkoista CSS-tyylisivua, voit myös kopioida yllä olevan esimerkin kehon osan CSS-tiedostoon.

Lisää yllä oleva koodi tähän

esimerkki

Vihje: Monet käyttäjät saattavat haluta luoda yhden suuren kuvan taustanaan. Jos suunnittelet tätä, ota huomioon ihmiset, joilla on hitaampi Internet-yhteys. Suurten kuvien lataaminen vie aikaa ja se ei ehkä näytä sopivalta ihmisiltä, ​​jotka käyttävät pienempää näytön kokoa tai tarkkuutta.

Huomautus: Jos haluat asettaa taustakuvan toistettavaksi, aseta taustan toisto- ominaisuus jollekin seuraavista:

• toista - toistaa taustakuvan sekä vaaka- että pystysuunnassa.
• rep-x - toistaa taustakuvan vain vaakasuunnassa.
• toista-y - toistaa taustakuvan vain pystysuunnassa.