Kaip sukurti tinklalapio GIF foną

Animuoti tinklalapių fonai gali atkreipti dėmesį ir juos galite sukurti naudodami GIF failus. Pridėdami tekstą ir kitą turinį prie savo verslo tinklalapių, neturite jaudintis dėl fonų pridėjimo: naršyklės jūsų puslapiams paprasčiausiai suteikia baltą foną, jei nepaisote to numatytojo. Pridėkite trumpą CSS klasę prie HTML tinklalapio, kad kaip puslapio fonas būtų naudojami animuoti ir stacionarūs GIF vaizdai.

1

Atidarykite HTML dokumentą ir raskite dokumento antraštę.

2

Įklijuokite šį kodą į tą skyrių:

body {background-image: url ('myImage.gif'); fonas pakartoti: pakartoti; }

Šis kodas apibrėžia CSS parinkiklį, kuris stilizuoja jūsų dokumento turinį. Fono paveikslėlio atributas turi URL ypatybę, kurios vertė yra „myImage.gif“. Pakeiskite šią vertę į vieno iš savo GIF pavadinimą. Antroji eilutė apibrėžia atributą „fonas pakartoti“, kurio vertė šiame pavyzdyje yra „pakartoti“. Ši vertė nurodo naršyklėms, kad vaizdas pasikartotų visame puslapyje ir žemyn, kad būtų sukurtas tinklelio efektas. Ištrinkite šį teiginį, jei nenorite, kad jūsų GIF sukurtų išklotą foną.

3

Išsaugokite dokumentą ir peržiūrėkite jį savo naršyklėje, kad pamatytumėte naują foną.