Variações
de estilo em molduras
Já vimos como inserir uma moldura.
Lá aprendemos também a alterar o tamanho (largura
ou espessura) e a cor das bordas.
Agora vamos aprender a modificar o estilo de uma moldura.
Existem 8 tipos de estilo definidos:
- double
- groove
- inset
- outset
- ridge
- solid
- dashed (suportado por browsers para MAC)
- dotted (suportado por browsers para MAC)
Todos os estilos são aplicáveis a uma moldura
de imagem ou tabela, já os que deixei marcados
em vermelho, são aplicáveis às molduras
da mensagem.
Veja alguns exemplos de estilos (para um contorno com espessura
de 10px e cor #85197C). Aqui foram aplicados em textos, apenas para
que você visualize o efeito de cada estilo) :
border:
dashed #85197C 6px
border:
dotted #85197C
6px
border:
double #85197C
6px
border:
groove #85197C 6px
border:
inset #85197C 6px
border:
outset #85197C
6px
border:
ridge #85197C
6px
border:
solid #85197C
6px
Você pode modificar os estilos de moldura em seus e-mails,
alterando os itens que aparecem no código abaixo. Deixei
em azul o código referente à
cor das borda; em preto a largura (a
espessura da borda) e em vermelho
o estilo.
<STYLE>
BODY {BORDER-BOTTOM: #85197C 10px
ridge; BORDER-LEFT: #85197C
10px ridge;
BORDER-RIGHT: #85197C 10px
ridge; BORDER-TOP: #85197C
10px ridge}
</STYLE>
(Lembre-se de que este código deve ser colocado depois da
tag <body )
Aproveite para conferir a
tabela de cores ou conhecer o programa Color
Picker.
Prontinho! Agora você pode modificar as cores, a espessura
e também o estilo de suas molduras.
Dica elaborada por Lilian Russo e Paulo Henrique Lomanto
Lilian Russo - Todos os Direitos Reservados - ©2002/2007
|
