Usos mágicos das tabelas do DreamWeaver - explicação detalhada da produção de wireframe (3)
Autor：Eve Cole
Data da Última Atualização：2009-05-30 18:36:25
2> Produção de bordas de linhas finas
Bordas de linhas finas são um método comumente usado para posicionar e distinguir conteúdo em páginas da web. Quando usadas com imagens específicas, muitas vezes podem ser alcançados bons resultados.
Como todos sabemos, a chamada borda fina se parece com uma tabela simples com 1 linha e 1 coluna. Então, podemos simplesmente definir o valor da borda do objeto da tabela como 1? Por favor, veja o efeito de produção abaixo:
Da mesma forma, insira uma tabela de linha única e coluna única na posição especificada na página da web. Use o mouse para clicar em qualquer parte do quadro externo da tabela para selecioná-la. Você também pode definir outro “CellPad” ao mesmo tempo ” e “CellSpace” são definidos como zero, conforme mostrado na figura:
Ilustrações de diferentes efeitos no estado de visualização:
A partir da ilustração acima, não é difícil ver que simplesmente definir a borda como 1 não pode produzir o efeito. Vamos dar uma olhada em como obter a finura necessária por meio de configurações “inteligentes” da tabela.
Também na tabela acima, defina “border” e “cellpad” no painel de propriedades como “0” e defina “cellspace” como “1”. Observe que “Cellspace” se refere à distância entre as células. Como mostrado na imagem
Defina o "Bgcolor" da tabela como "vermelho" e defina o "Bgcolor" da célula para a mesma cor de fundo da página da web - "branco".
Para facilitar o entendimento de todos, o autor explicará um pouco aqui. Dentre eles, definimos “CellSpace” como 1. Ao definir a cor de fundo da tabela, esta parte sem dúvida foi incluída. As configurações subsequentes da célula apenas o "despejaram". Isso promove o efeito de exibição, portanto, alterar a cor de fundo da tabela também altera a cor da borda.
