Ang mga naka-animate na background sa pahina ng Web ay maaaring nakakaakit, at maaari mo silang likhain gamit ang mga GIF file. Kapag nagdagdag ka ng teksto at iba pang nilalaman sa iyong mga web page ng negosyo, hindi mo kailangang mag-alala tungkol sa pagdaragdag ng mga background: bibigyan lamang ng mga browser ng puting background ang iyong mga pahina kung hindi mo i-override ang default na iyon. Magdagdag ng isang maikling klase sa CSS sa isang pahina ng Web sa HTML upang magamit ang mga animated at nakatigil na mga imahe ng GIF bilang background ng pahina.
1
Magbukas ng isang dokumento ng HTML at hanapin ang seksyon ng ulo ng dokumento.
2
Idikit ang sumusunod na code sa seksyong iyon:
katawan {background-image: url ('myImage.gif'); background-ulitin: ulitin; }
Tinutukoy ng code na ito ang isang tagapili ng CSS na istilo ng body tag ng iyong dokumento. Ang katangian ng imahe sa background ay may isang pag-aari ng URL na ang halaga ay "myImage.gif." Palitan ang halagang iyon sa pangalan ng isa sa iyong mga GIF. Tinutukoy ng pangalawang linya ang isang atributang background-ulit na ang halaga ay "ulitin" sa halimbawang ito. Sinasabi ng halagang ito ang mga browser na ulitin ang imahe sa pahina at pababa ng pahina upang makabuo ng isang grid effect. Tanggalin ang pahayag na iyon kung hindi mo nais ang iyong GIF na lumikha ng isang naka-tile na background.
3
I-save ang dokumento at tingnan ito sa iyong browser upang makita ang bagong background.
