| 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 |