Krok 1

Otevřete dokument ve webové stránce ve svém textovém editoru. Umístěte kurzor před uzavírací značku a zadejte následující kód CSS:

Krok 2

Zadejte "#banner {}" mezi elementy stylu a vytvořte pravidlo pro vytvoření vašeho banneru. Napište "výška:;" a "šířka:;" a zapište hodnotu v pixelech (px) po každém z nich, abyste specifikovali preferovaná opatření. Například:

banner {výška: 350px; šířka: 600px; }}

Krok 3

Zadejte "font-size:;" a "font-family:;" pro vytvoření atributů pro formátování textu vašeho záhlaví. Zadejte hodnotu v pixelech po velikosti písma a zadejte dvě nebo tři jména po typu písma, abyste určili typ písma, který upřednostňujete. Například:

banner {font-size: 32px; font-family: "Times New Roman", Gruzie, Serif; }}

Krok 4

Napište "border-style :;" a zadejte hodnotu velikosti v pixelech, hodnotu stylu čáry a hodnotu šestnáctkové barvy pro návrh hranice vašeho banneru. Poté napište "background-color:;" a požadovanou hodnotu barvy. Například:

banner {border-style: 4px bodkovaný # f0f0f0; }}

Krok 5

Napište "polstrování:;" a hodnotu v pixelech, která určuje velikost prostoru mezi obsahem a okrajem banneru. Celý kód CSS by měl vypadat jako tento příklad:

banner {

výška: 350px; šířka: 600px; velikost písma: 32px; font-family: "Times New Roman", Gruzie, Serif; hraniční styl: 4px bodkovaný # f0f0f0; polstrování: 15px; }}

Krok 6

Zadejte "" kdekoli na štítku, kde chcete, aby se hlavička objevila. Napište text pro svůj banner, například název vašeho webu mezi značkami div, například:

Zde zadejte text banneru.

Krok 7

Uložte dokument