Spalvotas svetainės fonas ne tik pritraukia lankytojų dėmesį, bet ir perteikia šaltinio nuotaiką. Kosmoso temomis sukurtos svetainės sukuria paslaptingumo atmosferą, kurios fonas yra žvaigždėtas dangus, pramogų šaltiniai džiugina sodriomis šiltų spalvų spalvomis, miesto tarnybų žiniatinklio paslaugos rodo savo oficialumą griežtu dizainu ir daugiausia pilkos ir mėlynos spalvos atspalviais. Yra keli būdai, kaip padaryti savo internetinį puslapį spalvotą.
Tai būtina
- - jūsų svetainė
- - bent jau pagrindinės žinios apie HTML
Nurodymai
1 žingsnis
Norėdami sukurti vientisą spalvotą foną, raskite šias žymas ir HTML kode. Pakeiskite pirmąją žymą taip:
Šioje konstrukcijoje # FFFF33 yra užkoduotas geltonos spalvos atspalvis.
2 žingsnis
Puslapio spalvą galima nurodyti ne tik kodu, bet ir specialiais žodžiais - pagrindinių spalvų pavadinimais. Norėdami nurodyti fono spalvą žodžiu, parašykite šį kodą:
Čia „geltona“yra geltonos spalvos pavadinimas.
3 žingsnis
Vietoj geltono kodo ženklo ar jo pavadinimo pridėkite norimą fono spalvą, kurios jums reikia, prie žymos naudodami šią užuominą:
raudona - „raudona“(„# FF0000“)
mėlyna - „mėlyna“(„# 0000FF“)
žalia - „žalia“(„# 008000“)
rožinė - „rožinė“(„# FFC0CB“)
violetinė - „violetinė“(„# EE82EE“)
oranžinė - „oranžinė“(„# FFA500“)
juoda - „juoda“(„# 000000“)
4 žingsnis
Jei norite, kad svetainės fone būtų pasikartojantis vaizdas, pasirinkite mažą paveikslėlį, prie kurio bus aiškiai matomas tekstas. Įkelkite nuotrauką į svetainę. Norėdami įdėti vaizdą kaip foną, įveskite šį kodą į žymą
Šiame įraše vietoj „/images/fon.jpg“nurodykite kelią į norimą vaizdą.
5 žingsnis
Tinklalapių spalvą galima nustatyti ne tik HTML kodu, bet ir naudojant CSS stilius. Naudojant šiuos stilius, nereikia kiekvieną kartą nustatyti fono naujo puslapio kode. Norėdami apibrėžti CSS foną tarp žymų ir įdėti tokį įrašą:
kūnas {
fonas: # FFFF33;
}
Čia fono spalvą nustato fono parametras.
6 žingsnis
Jei norite sukurti foną CSS naudodami vaizdą, vietoj „/images/fon.jpg“nurodykite kelią iki norimo paveikslėlio, tarp jų ir parašykite šį kodą:
kūnas {
background-image: url ('/ images / fon.jpg');
fonas pakartoti: pakartoti;
}
Čia fono paveikslėlio parametras apibrėžia fono vaizdą, fonas pakartoti - vaizdo pakartojimas. Puslapyje.
