|
1
A
tabela acima foi criada com uma borda de 40px, uma coluna e
uma linha. Foram definidas as cores para a borda diretamente
no código (clique em "Exibir/Código fonte"
na barra de menus de seu navegador para visualizar)
2
Aninhe na tabela recém
criada, mais três tabelas (uma dentro da outra), com o
mesmo volume de borda que a primeira: 40px (veja o código).
Para facilitar o seu trabalho, anote as configurações
das tabelas acima:
-primeira tabela:" WIDTH: 40 percent (medida variável,
conforme o resultado que queira obter, podendo então
ser maior ou menor); borda: 40 pixels; centralizada"
-segunda tabela (e todas as demais): "WIDTH: 100 percent
(para que a tabela fique perfeitamente aninhada na anterior);
borda: 40 pixels; centralizada"
3
Dentro da última tabela
coloque uma imagem de seu agrado, e se quiser, defina um som
para o background.
Cuide para que o back das células da tabela e da página
sejam o mesmo se quiser obter efeito semelhante ao da nossa
ilustração. Vá alternando as cores das
bordas para claro e escuro, de tabela para tabela (vide ilustração
acima)
4
Uma opção alternativa
e simples para se produzir este trabalho, é simplesmente
"Exibir" o código fonte deste documento, "Copiar"
a tabela inteira, do jeito em que se apresenta, "Colar"
em um Editor HTML de sua preferência (ou mesmo na aba "Origem"
de seu Outlook Express 5x, se quiser enviar dentro de uma mensagem),
e a partir daí "Editar" o código, alterando
todos os ítens de seu interesse, tais como espessura de
borda, cores e, obviamente, som e imagem.
Divirta-se!
|
