Ako Nastaviť Pozadie

Obsah:

Ako Nastaviť Pozadie
Ako Nastaviť Pozadie

Video: Ako Nastaviť Pozadie

Video: Ako Nastaviť Pozadie
Video: ako nastavit pozadie 2024, Apríl
Anonim

S cieľom vyšperkovať vaše webové stránky na internete môžete vykonať zmeny v ich dizajne. Zmena vzhľadu znamená akúkoľvek akciu, od zmeny pozadia hlavnej stránky až po úplné prekreslenie šablóny webu. Ak sa rozhodnete zmeniť pozadie svojej stránky, pri riešení tohto problému vám pomôže nasledujúci pokyn.

Ako nastaviť pozadie
Ako nastaviť pozadie

Nevyhnutné

Úpravy súboru css

Inštrukcie

Krok 1

Kód návrhu webových stránok sa z väčšej časti nachádza v súbore style.css. Každá šablóna sa ale môže líšiť od tej predchádzajúcej, takže kód návrhu je možné umiestniť do iného súboru, ale aj s príponou css. Ak chcete nastaviť farbu pozadia vášho webu, musíte zadať alebo nahradiť existujúcu hodnotu nasledujúcim výrazom: / * biele pozadie * / telo {

farba pozadia: #FFFFFF;} / * biele pozadie titulu, čierna farba písma * / h1 {

farba: # 000000;

farba pozadia: #FFFFFF;

}

Krok 2

Ak chcete vložiť akýkoľvek obrázok ako pozadie na svoje stránky, musíte zadať alebo nahradiť existujúcu hodnotu nasledujúcim výrazom: body {

farba pozadia: # 000000;

background-image: url ("Image-1.jpg");

}

Je potrebné poznamenať, že v tomto prípade je potrebné poskytnúť odkaz na obrazový súbor, ktorý bude umiestnený v rovnakom priečinku so súborom css.

Krok 3

Ak chcete vytvoriť malý alebo malý obrázok, použite príkaz pozadí-opakovať. Aby sme tento príkaz mohli správne používať, je k dispozícii niekoľko vylepšení:

background-repeat: repeat-x - opakuje obrázok pozdĺž osi x;

background-repeat: repeat-y - opakuje obrázok pozdĺž osi y;

background-repeat: repeat - opakovanie obrázka pozdĺž dvoch osí naraz;

background-repeat: no-repeat - obrázok sa neopakuje;

príloha na pozadí: rolovanie - rolovanie obrázka spolu so stránkou;

príloha na pozadí: opravená - obrázok sa neposúva.

Pomocou syntaxe tohto príkazu môžete v príkladoch ukázať, ako to funguje:

Pozícia na pozadí: 30px 40px - Obrázok má 30 pixelov zhora a 40 pixelov zľava doprava.

Pozícia na pozadí: 60% 35% - Ľavé polstrovanie je 60% a horné polstrovanie 25%.

Odporúča: