Étape 1

Ouvrez le document de votre page Web dans votre éditeur de texte. Placez le curseur avant la balise de fermeture et entrez le code CSS suivant:

Étape 2

Tapez "#banner {}" entre les éléments de style pour créer une règle permettant de créer votre bannière. Écrivez "hauteur :;" et "largeur :;" et écrivez la valeur en pixels (px) après chacun pour spécifier les mesures que vous préférez. Par exemple:

bannière {hauteur: 350px; largeur: 600px; }

Étape 3

Entrez "font-size :;" et "font-family :;" créer les attributs pour formater le texte de votre en-tête. Ecrivez une valeur en pixels après la taille de police et tapez deux ou trois noms après la police de caractères pour spécifier le type d'écriture que vous préférez. Par exemple:

bannière {taille de la police: 32px; famille de polices: "Times New Roman", Georgia, Serif; }

Étape 4

Écrivez "style de bordure :;" et entrez une valeur de taille en pixels, une valeur de style de trait et une valeur de couleur hexadécimale pour concevoir la bordure de votre bannière. Ensuite, écrivez "background-color :;" et la valeur de couleur que vous voulez. Par exemple:

banner {border-style: 4px en pointillé # f0f0f0; }

Étape 5

Écrivez "padding :;" et une valeur en pixels pour spécifier la quantité d'espace entre le contenu et la bordure de la bannière. Le code CSS complet devrait ressembler à cet exemple:

bannière {

hauteur: 350px; largeur: 600px; taille de police: 32px; famille de polices: "Times New Roman", Georgia, Serif; style de bordure: 4 pixels pointillé # f0f0f0; rembourrage: 15px; }

Étape 6

Tapez "" n'importe où dans l'étiquette où vous voulez que l'en-tête apparaisse. Écrivez un texte pour votre bannière, tel que le titre de votre site Web entre les balises div, comme ceci:

Tapez le texte de votre bannière ici.

Étape 7

Enregistrez votre document