08- Bordas Coloridas

 

Este é um efeito de aplicação simples que dá um belo acabamento nas mensagens.

Trata-se de uma moldura em volta da mensagem, gerada pelo seguinte código:

 


<STYLE>
BODY {BORDER-BOTTOM: #000000 10px ridge; BORDER-LEFT: #000000 10px ridge; BORDER-RIGHT: #000000 10px ridge; BORDER-TOP: #000000 10px ridge}
</STYLE>



Deve ser aplicado antes de <BODY........, no início da Origem.

Observe o significado do texto:

BORDER-BOTTOM: #000000 10px ridge = Esta é a borda de baixo, cor preta e largura de 10 px
 
BORDER-LEFT: #000000  10px ridge = Esta é a borda esquerda, cor preta e largura de 10 px
 
BORDER-RIGHT: #000000  10px ridge = Esta é a borda direita, cor preta e largura de 10 px
 
BORDER-TOP: #000000 10px ridge = Esta é a borda de cima, cor preta  e largura de 10 px
 

Experimente alterar os valores, veja o efeito na aba Visualizar, procurando a largura e cor adequadas para sua formatação.

 

Se você "pulou" alguma lição, a explicação sobre os códigos de cores se encontra na página 06 do caderninho.

Vamos em frente, para aprender na próxima lição a colocar informações  no rodapé das mensagens.

Bjs

Romy