Fonas yra vienas iš svarbiausių svetainės elementų. Geras fonas sukuria svetainės toną ir papildo turinį. Yra daug skirtingų būdų, kaip pridėti foną, kiekvienas būdas yra skirtingas. Kai kurie metodai leidžia pritaikyti foną visiems svetainės puslapiams, o kiti - tik tam tikrą puslapį. Šiame straipsnyje mokoma, kaip pridėti foną prie svetainės naudojant HTML arba CSS.
Žingsniai
1 metodas iš 2: HTML metodai
Vientisas spalvotas fonas
Žingsnis 1. Vientisas spalvotas fonas yra paprasčiausias fono tipas, kurį galite įdėti į svetainę
Tiesą sakant, kiekviena svetainė prasideda numatytuoju baltu fonu. Tačiau, nors baltas fonas gali būti labai dailus ir švarus, kai naudojamas su harmoninga spalvų schema, skirtingos spalvos fonas gali būti palankus skirtingoms temoms.
Žingsnis 2. Atidarykite žiniatinklio kodą (šaltinį)
Žingsnis 3. Prie kūno žymos pridėkite atributą, vadinamą „bgcolor“
Dabar jūsų kūno žyma turėtų atrodyti taip-
kur COLORNAME yra spalvos pavadinimas. „COLORNAME“gali būti užpildytas daugybe spalvų atstovų-
- (spalvos pavadinimas)
- (šešioliktainė vertė)
- (RGB vertė)
Žingsnis 4. Eksperimentuodami su RGB ir # galite išgauti daugybę atspalvių, tačiau galite pasirinkti lengviausią pirmąjį būdą
Tačiau atminkite, kad įvedus neįprastą spalvą kaip „Ultramarine Bluish Green“, bus balta.
Fono paveikslėlio pridėjimas
Fono paveikslėlio pridėjimas yra šiek tiek sudėtingesnis nei vientisas fonas
1 veiksmas. Pridėkite fono ypatybę prie kūno žymos, kad ji atrodytų taip:
kur SRC yra vaizdo šaltinis SRC gali būti tame pačiame aplanke arba kitame aplanke/tinklalapyje.
- (tame pačiame aplanke)
- (kitame aplanke)
- (kitame tinklalapyje)
Žingsnis 2. Nepamirškite įvesti.gif /-j.webp" />
2 metodas iš 2: CSS metodai
Vientisas spalvotas fonas
1 veiksmas. Jei norite CSS pridėti vientisą foną, pridėkite stiliaus atributą
Taip pat galite pateikti ID ir klases bei naudoti išorinius ir vidinius stilių lapus.
2 žingsnis. Jūsų kūno žyma turėtų atrodyti taip-
kur COLORNAME yra spalvos, šešioliktainės vertės arba RGB pavadinimas (taip pat atminkite paskutinius vientisos spalvos fono veiksmus HTML, jie taip pat taikomi čia).
Vaizdo pridėjimas
1 veiksmas. Norėdami pridėti vaizdą, prie kūno žymos pridėkite stiliaus atributą
Taip pat galite pateikti ID ir klases bei naudoti išorinius ir vidinius stilių lapus.
2 žingsnis. Dabar jūsų kūno žyma turėtų atrodyti taip-
Žingsnis 3. Atminkite, kad šaltinis yra SRC
Tai gali būti iš to paties aplanko, kito aplanko ar kito tinklalapio.
- (tame pačiame aplanke)
- (kitame aplanke)
- (kitame tinklalapyje).
Žingsnis 4. Nepamirškite pridėti ir.extensions
Pasikartojantis raštuotas fonas
1 veiksmas. Norėdami sukurti pakartotinį modelio foną, pridėkite foną, kaip nurodyta aukščiau atliktuose veiksmuose
Jūsų kūno žyma dabar turi būti pakeista į
Kur yra parametrai REPEAT-SETTINGS. Gali būti daug pakartotinių nustatymų, pvz.
- (Fonas kartosis tiek vertikaliai, tiek horizontaliai.)
- (Fonas kartosis horizontaliai.)
- (Fonas kartosis vertikaliai.)
Fiksuoto vaizdo fonas
1 žingsnis. Fiksuoto vaizdo fonai atrodo šauniai ir nesikeičia slinkdami žemyn
Norėdami tai padaryti, jums tereikia atlikti keletą paprastų kodo pakeitimų aukščiau esančiame skyriuje. Atlikite pakeitimus, kad kūno žymė atrodytų taip-