Autor: Gu Yanying
Insira uma tabela no Dreamweaver Se você definir sua "Borda" como 1, sua linha de borda ficará mais espessa durante a visualização. Para criadores de páginas da web que não estão familiarizados com a linguagem HTML, como podem criar rapidamente tabelas com bordas finas? A seguir, apresentarei um pequeno truque: use a cor de fundo e o espaçamento de maneira inteligente para criar tabelas com bordas finas.
Tome como exemplo criar uma tabela com 4 linhas e 3 colunas e uma borda vermelha fina:
Passo 1 Insira uma tabela com 4 linhas e 3 colunas na visualização de design do Dreamweaver.
Passo 2 Defina as propriedades desta tabela no painel "Propriedades" da seguinte forma: margem (CellPad) defina o valor conforme necessário (por exemplo, espaçamento (CellSpace) é 1; borda (Border) é 0; Cor Bg) é vermelho.
Passo 3 Selecione todas as células nesta tabela e defina as propriedades de todas as células no painel "Propriedades" da seguinte forma: A cor de fundo (Bg) é uma cor diferente de branco ou vermelho.
Por fim, salve a página da web e pressione F12 para visualizá-la. Que tal, uma tabela fina de linha vermelha com 4 linhas e 3 colunas é apresentada à sua frente?
Além disso, se quisermos usar tabelas para layout e posicionamento normalmente, mas desde que as linhas da borda externa sejam exibidas como linhas finas e os divisores de células internos não sejam exibidos, podemos usar tabelas aninhadas juntas. O seguinte usa a linha vermelha fina como borda externa da tabela como exemplo para ilustrar o método de operação:
Etapa 1 Insira uma tabela com 1 linha e 1 coluna na visualização de design do Dreamweaver.
Passo 2 Defina as propriedades desta tabela no painel "Propriedades" da seguinte forma: "Margem" é definida conforme necessário (por exemplo, 5); "Espaçamento" é 1; "Borda" é 0;
Passo 3 Selecione a única célula desta tabela e defina a “Cor de fundo” desta célula para uma cor diferente de branco ou vermelho no painel “Propriedades”.
Passo 4 Posicione o cursor na tabela com 1 linha e 1 coluna e insira uma tabela aninhada com várias linhas e colunas conforme necessário. A “borda” desta tabela aninhada deve ser definida como 0, e a “margem” e “espaçamento”. "pode ser definido ou não definido conforme necessário, outros atributos podem não ser definidos.
Desta forma, podemos inserir texto, imagens e outros elementos da página web em diferentes células da tabela aninhada.
Você está um pouco tentado? Experimente agora!