Pasul 1

Deschideți documentul paginii dvs. web în editorul de text. Plasați cursorul înaintea etichetei de închidere și introduceți următorul cod CSS:

Pasul 2

Introduceți "#banner {}" între elementele de stil pentru a crea o regulă pentru a crea bannerul. Scrie "înălțime:;" și "lățime:;" și scrieți valoarea în pixeli (px) după fiecare pentru a specifica măsurile pe care le preferați. De exemplu:

banner {height: 350px; lățime: 600px; }

Pasul 3

Introduceți "font-size:;" și "font-family :;" pentru a crea atributele pentru a formata textul antetului. Scrieți o valoare în pixeli după dimensiunea fontului și introduceți două sau trei nume după familia de fonturi pentru a specifica tipul de scris preferat. De exemplu:

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

Pasul 4

Scrieți "border-style :;" și introduceți o valoare a dimensiunii în pixeli, o valoare de stil de linie și o valoare de culoare hexazecimală pentru a proiecta marginea bannerului. Apoi scrieți "background-color :;" și valoarea de culoare dorită. De exemplu:

banner {stil de frontieră: 4px punctat # f0f0f0; }

Pasul 5

Scrie "padding :;" și o valoare în pixeli pentru a specifica spațiul dintre conținut și marginea bannerului. Codul complet CSS ar trebui să arate ca în acest exemplu:

banner {

înălțime: 350px; lățime: 600px; font-size: 32px; font-family: "Times New Roman", Georgia, Serif; stil frontal: 4px punctat # f0f0f0; padding: 15px; }

Pasul 6

Tastați "" oriunde în etichetă unde doriți să apară antetul. Scrieți text pentru banner, cum ar fi titlul site-ului dvs. web între etichetele div, cum ar fi:

Introduceți textul bannerului aici.

Pasul 7

Salvați documentul