Kuinka luoda GIF-tausta verkkosivulle

Animoidut verkkosivun taustat voivat kiinnittää huomiota, ja voit luoda ne GIF-tiedostoilla. Kun lisäät tekstiä ja muuta sisältöä yrityksesi verkkosivuille, sinun ei tarvitse huolehtia taustojen lisäämisestä: selaimet yksinkertaisesti antavat sivuillesi valkoisen taustan, jos et ohita tätä oletusasetusta. Lisää lyhyt CSS-luokka HTML-verkkosivulle, jos haluat käyttää animoituja ja paikallaan olevia GIF-kuvia sivun taustana.

1

Avaa HTML-asiakirja ja etsi asiakirjan pääosa.

2

Liitä seuraava koodi kyseiseen osioon:

body {background-image: url ('myImage.gif'); tausta-toisto: toista; }

Tämä koodi määrittää CSS-valitsimen, joka muotoilee asiakirjan rungon tagin. Taustakuvan määritteellä on URL-ominaisuus, jonka arvo on "myImage.gif". Muuta tämä arvo jonkin GIF-tunnuksesi nimeksi. Toinen rivi määrittelee tausta-toisto-attribuutin, jonka arvo on "toista" tässä esimerkissä. Tämä arvo kertoo selaimille, että kuvan pitää toistaa koko sivua ja alaspäin ruudukkoefektin tuottamiseksi. Poista tämä lause, jos et halua, että GIF-tiedostosi luo vierekkäisen taustan.

3

Tallenna asiakirja ja tarkastele sitä selaimessasi nähdäksesi uuden taustan.