Passaggio 1

Apri il documento della tua pagina web nel tuo editor di testo. Posiziona il cursore prima del tag di chiusura e inserisci il seguente codice CSS:

Passaggio 2

Digita "#banner {}" tra gli elementi di stile per creare una regola per creare il tuo banner. Scrivi "altezza :;" e "larghezza :;" e scrivi il valore in pixel (px) dopo ognuno di essi per specificare le misure che preferisci. Ad esempio:

banner {altezza: 350px; larghezza: 600 px; }

Passaggio 3

Inserisci "font-size :;" e "font-family :;" per creare gli attributi per formattare il testo della tua intestazione. Scrivi un valore in pixel dopo la dimensione del font e digita due o tre nomi dopo la famiglia di font per specificare il tipo di scrittura che preferisci. Ad esempio:

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

Passaggio 4

Scrivi "border-style :;" e inserisci un valore di dimensione in pixel, un valore di stile di linea e un valore di colore esadecimale per progettare il bordo del tuo banner. Quindi, scrivi "background-color :;" e il valore del colore che vuoi. Ad esempio:

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

Passaggio 5

Scrivi "padding :;" e un valore in pixel per specificare la quantità di spazio tra il contenuto e il bordo del banner. Il codice CSS completo dovrebbe apparire come questo esempio:

banner {

altezza: 350 px; larghezza: 600 px; dimensione del font: 32px; famiglia di font: "Times New Roman", Georgia, Serif; border-style: 4px punteggiato # f0f0f0; imbottitura: 15px; }

Passaggio 6

Digitare "" in qualsiasi punto dell'etichetta in cui si desidera visualizzare l'intestazione. Scrivi il testo per il tuo banner, come il titolo del tuo sito web tra i tag div, in questo modo:

Scrivi qui il testo del tuo banner.

Passaggio 7

Salva il tuo documento