Passo 3

Salve o arquivo

Passo 4

Abra o arquivo CSS. Adicione uma seção ao arquivo CSS com os atributos da seção da barra vertical, da seguinte maneira:

vbar {

largura: px; altura: px; background-color: # ??????; }

Substitua os pontos de interrogação pelos valores apropriados. Por exemplo, a altura e a largura devem ser listadas em pixels com um formato de 10px. A cor do plano de fundo deve aparecer em um formato de valor hexadecimal de seis dígitos da Web, como preto, terá o valor # 000000 ou branco # FFFFFF. Visite o link CSS Colors na seção "Recursos" para ver mais cores hexadecimais.

Passo 5

Salve o arquivo

Usando uma seção com atributo de aresta

Passo 1

Abra o arquivo CSS.

Passo 2

Adicione um atributo de borda à seção da página ao lado do local em que você deseja sua barra vertical. Por exemplo, se você tiver uma seção "container" à esquerda do local em que deseja adicionar a barra vertical, adicione um atributo border-right a essa seção para criar uma borda direita, por exemplo:

container {

borda direita: X; }

Revise a seção "Dicas" para obter diferentes opções de atributos de borda.

Passo 3

Salve o arquivo

Referências

• W3Schools.com: introdução ao CSS
• W3Schools.com: CSS de borda