Chcete-li své webové stránky vyšperkovat na internetu, můžete provést změny v jejich designu. Změna designu znamená jakoukoli akci, od změny pozadí hlavní stránky až po úplné překreslení šablony webu. Pokud se rozhodnete změnit pozadí svého webu, pomůže vám při řešení tohoto problému následující instrukce.
Nezbytné
Úpravy souboru css
Instrukce
Krok 1
Kód návrhu webu je z větší části umístěn v souboru style.css. Každá šablona se ale může lišit od předchozí, takže návrhový kód lze umístit do jiného souboru, ale také s příponou css. Chcete-li nastavit barvu pozadí svého webu, musíte zadat nebo nahradit stávající hodnotu následujícím výrazem: / * white background * / body {
barva pozadí: #FFFFFF;} / * bílé pozadí titulu, černá barva písma * / h1 {
barva: # 000000;
barva pozadí: #FFFFFF;
}
Krok 2
Chcete-li na svůj web vložit jakýkoli obrázek jako pozadí, musíte zadat nebo nahradit stávající hodnotu následujícím výrazem: body {
barva pozadí: # 000000;
background-image: url ("Image-1.jpg");
}
Je třeba poznamenat, že v tomto případě je nutné poskytnout odkaz na obrazový soubor, který bude umístěn ve stejné složce jako soubor css.
Krok 3
Pokud chcete vytvořit malý nebo malý obrázek, použijte příkaz opakování pozadí. Aby bylo možné tento příkaz používat správně, existuje několik vylepšení tohoto příkazu:
background-repeat: repeat-x - opakuje obrázek podél osy x;
background-repeat: repeat-y - opakuje obrázek podél osy y;
pozadí-opakovat: opakovat - opakovat obrázek podél dvou os současně;
background-repeat: no-repeat - obrázek se neopakuje;
příloha na pozadí: rolování - rolování obrázku společně se stránkou;
pozadí-příloha: opraveno - obrázek se neposouvá.
Pomocí syntaxe tohoto příkazu můžete v příkladech ukázat, jak to funguje:
Pozice na pozadí: 30px 40px - obrázek je 30 pixelů dolů z horní části a 40 pixelů zleva doprava.
pozice na pozadí: 60% 35% - levá výplň je 60% a horní výplň je 25%.
