Ako Nastaviť Farbu Pozadia

Obsah:

Ako Nastaviť Farbu Pozadia
Ako Nastaviť Farbu Pozadia
Anonim

Základná farba pozadia webovej stránky sa zvyčajne nastavuje pomocou kaskádových štýlov (CSS). Menej často sa na to využívajú možnosti jazyka HTML (HyperText Markup Language - „hypertext markup language“). Niekedy sú prvky popisu CSS umiestnené vo vnútri značiek HTML.

Ako nastaviť farbu pozadia
Ako nastaviť farbu pozadia

Inštrukcie

Krok 1

Použite atribút bgcolor značky body, ak chcete čo najjednoduchšie určiť farbu pozadia a minimalizovať zmeny vo svojom zdrojovom kóde. Popisy všetkých prvkov stránky sú umiestnené v zdroji stránky vo vnútri bloku kódu HTML, ktorý začína značkou a končí značkou. Atribút bgcolor je uvedený v úvodnej značke a obsahuje pomenovanú hodnotu farby (napríklad červená alebo čokoládová) alebo jej zodpovedajúci hexadecimálny farebný kód (# FF0000 alebo # D2691E). V najjednoduchšej podobe môže byť takáto značka napísaná napríklad takto: Alebo takto: Obidve možnosti nastavujú rovnakú červenú farbu pozadia dokumentu.

Krok 2

Vlastnosť background-color použite, ak chcete nastaviť farbu pozadia dokumentu pomocou jazyka na popis štýlu - táto metóda je oveľa bežnejšia. Bloky popisu štýlu môžu byť obsiahnuté buď v zdrojovom kóde dokumentu, alebo môžu byť napísané do samostatného súboru s príponou css. Odkaz na externý súbor je umiestnený v nadpisovej časti stránky (medzi značkami a) a vyzerá asi takto: @import "style.css"; Ak nie je potrebné presunúť pokyny CSS do ďalšieho súboru, potom @import "style.css"; by mal byť nahradený napríklad nasledujúcim testom: body {background-color: Red;} Tu text označuje, že vyhlásenie vo vnútri zložených zátvoriek, ktoré definuje červenú farbu pozadia, odkazuje na rovnakú značku tela HTML. A tu existuje niekoľko systémov na určovanie farebných odtieňov, ale najčastejšie sa používajú hexadecimálne kódy: body {background-color: # FF0000;}

Krok 3

Ak chcete stručne opísať zložitejšiu štruktúru pozadia, nahraďte vlastnosť color-color pozadím. Napríklad ak je potrebné okrem podkladu určitej farby vložiť do podkladu dokumentu aj obrázok. Takýto popis môže vyzerať takto: body {background: Red url (img / BGimage.gif) no-repeat;}

Krok 4

Na základe vami vybranej možnosti pripravte kód, ktorý nastaví farbu pozadia dokumentu, a vložte ho do zdroja stránky. To sa dá urobiť napríklad pomocou online editora stránok systému na správu obsahu alebo v ľubovoľnom textovom editore.

Odporúča: