Passo 1

Abra o documento da sua página web no seu editor de texto. Coloque o cursor antes da tag de fechamento e insira o seguinte código CSS:

Passo 2

Digite "#banner {}" entre os elementos de estilo para criar uma regra para criar seu banner. Escreva "height :;" e "largura :;" e escreva o valor em pixels (px) após cada um para especificar as medidas de sua preferência. Por exemplo:

banner {height: 350px; largura: 600px; }

Passo 3

Digite "tamanho da fonte :;" e "font-family :;" para criar os atributos para formatar o texto do seu cabeçalho. Escreva um valor em pixels após o tamanho da fonte e digite dois ou três nomes após a família da fonte para especificar o tipo de gravação de sua preferência. Por exemplo:

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

Passo 4

Escreva "estilo de borda :;" e insira um valor de tamanho em pixels, um valor de estilo de linha e um valor de cor hexadecimal para criar a borda do seu banner. Em seguida, escreva "background-color :;" e o valor da cor que você deseja. Por exemplo:

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

Passo 5

Escreva "padding"; e um valor em pixels para especificar a quantidade de espaço entre o conteúdo e a borda do banner. O código CSS completo deve se parecer com este exemplo:

banner {

altura: 350 px; largura: 600px; tamanho da fonte: 32px; font-family: "Times New Roman", Geórgia, Serif; estilo de borda: 4px pontilhado # f0f0f0; preenchimento: 15px; }

Passo 6

Digite "" em qualquer lugar na etiqueta onde deseja que o cabeçalho apareça. Escreva um texto para o seu banner, como o título do seu site entre as tags div, assim:

Digite o texto do seu banner aqui.

Passo 7

Salve seu documento