Barevné pozadí na webu nejen přitahuje pozornost návštěvníků, ale také vyjadřuje náladu zdroje. Stránky s vesmírnou tematikou vytvářejí atmosféru tajemství s pozadím v podobě hvězdné oblohy, zdroje zábavy se rozveselují bohatými barvami teplých barev, webové služby městských služeb ukazují svou oficiálnost se strohým designem a pozadím převážně šedých a modrých odstínů. Existuje několik způsobů, jak vytvořit vlastní webovou stránku barevnou.
Je to nutné
- - tvoje stránka
- - alespoň základní znalost HTML
Instrukce
Krok 1
Chcete-li vytvořit plné barevné pozadí, vyhledejte následující značky a v kódu HTML. Změňte první značku takto:
V této konstrukci je # FFFF33 zakódovaný odstín žluté.
Krok 2
Barvu stránky lze určit nejen kódem, ale také speciálními slovy - názvy primárních barev. Chcete-li označit barvu pozadí slovem, napište následující kód:
Zde „žlutá“je název žluté barvy.
Krok 3
Namísto žluté kódové značky nebo jejího názvu přidejte do značky požadované označení barvy pozadí, které potřebujete, pomocí této nápovědy:
červená - "červená" ("# FF0000")
modrá - "modrá" ("# 0000FF")
zelená - "zelená" ("# 008000")
růžová - "růžová" ("# FFC0CB")
fialová - „fialová“(„# EE82EE“)
oranžová - „oranžová“(„# FFA500“)
černá - "černá" ("# 000000")
Krok 4
Pokud chcete mít opakující se obrázek na pozadí webu, vyberte malý obrázek, proti kterému bude text jasně viditelný. Nahrajte obrázek na web. Chcete-li umístit obrázek jako pozadí, zadejte tento kód do značky
V této položce místo „/images/fon.jpg“zadejte cestu k požadovanému obrázku.
Krok 5
Barvu webových stránek lze nastavit nejen v kódu HTML, ale také pomocí stylů CSS. Pomocí těchto stylů nemusíte pokaždé nastavovat pozadí v kódu nové stránky. Chcete-li definovat pozadí v CSS mezi značkami a umístit záznam takto:
tělo {
pozadí: # FFFF33;
}
Zde je barva pozadí nastavena parametrem pozadí.
Krok 6
Pokud chcete vytvořit pozadí v CSS pomocí obrázku, pak mezi a napište následující kód namísto '/images/fon.jpg' s uvedením cesty k požadovanému obrázku:
tělo {
background-image: url ('/ images / fon.jpg');
pozadí-opakovat: opakovat;
}
Zde parametr pozadí obrázek definuje obrázek pozadí, opakování pozadí - opakování obrázku. Na stránce.
