No Dreamweaver, se você inserir uma regra horizontal (linha horizontal), essa linha ficará cinza por padrão. Em muitos casos, isso não atende aos nossos requisitos. O que você deve fazer se quiser inserir linhas retas de outras cores (mesmo que finas como um pixel)?
Primeiro, insira uma regra horizontal em uma posição apropriada na janela do documento (janela de edição de página da web) e
pressione ctrl + F3 para trazer até o painel Inspetor de propriedades),
Neste painel de propriedades, desmarque a caixa na frente do sombreamento. Insira o valor do pixel (pixels) ou porcentagem em W para definir o comprimento desta linha. Em H, inserir 1 pode tornar esta linha muito fina, tão fina quanto um pixel. Se quiser uma linha mais grossa, insira um valor maior em H. Desta forma, o fio fino é inserido, mas você descobrirá que esse fio é cinza e a cor não pode ser definida no painel de propriedades. Se quiser definir outras cores, você pode controlá-las através de css. Configurar o CSS é muito fácil no DreamWeaver e você nem precisa entender a sintaxe do CSS.
Selecione Estilo CSS | Novo estilo no menu Texto,
Na caixa de diálogo "Novo estilo", insira um nome na coluna de nome, como "colorline", selecione "Somente este documento" no botão de opção Definir )" e clique em OK. A caixa de diálogo Definição de estilo para .colorline aparecerá:
No tipo projeto, selecione a cor desejada, como vermelho, clique em ok, depois clique em concluído e um novo estilo será criado. Selecione a linha fina na janela de edição da página da web e clique em Texto | Estilo CSS | Colorline (colorline é o novo estilo que acabou de ser criado, a cor da linha ainda é cinza, mas pressione F12 para visualizá-la). no navegador Você pode ver que a cor da linha fina inserida mudou para o vermelho desejado.
Existe outra maneira de inserir linhas finas coloridas, mesmo finas como um pixel. Primeiro insira uma tabela com uma linha e uma coluna na janela de edição da página da web e, em seguida, insira uma imagem transparente de 1 pixel × 1 pixel na tabela (controle a página). no dreameaver4 A imagem espaçadora usada no layout é exatamente essa imagem, então se você não sabe como usar o software para criar tal imagem, você pode gerá-la no dreameaver4 assim:
No painel Objeto, primeiro clique na visualização de layout no painel Visualização do objeto, depois clique em desenhar tabela de layout, arraste na janela de edição da página da web para gerar uma tabela de layout e clique em Adicionar espaçador no menu suspenso da tabela imagem do cabeçalho,
Crie e salve uma imagem espaçadora. Esta imagem espaçadora é uma imagem transparente de 1 pixel × 1 pixel. Em seguida, defina as propriedades da tabela para: H (altura) é 1 pixel (1 pixel), W (largura) é a largura desejada (o valor do pixel ou porcentagem pode ser inserido), insira 0 no cellpad, cellspace e borda, e em seguida, selecione a cor desejada em Bg Color (cor de fundo) e a linha fina horizontal colorida é inserida.
Se você aumentar o valor H, a linha ficará mais espessa. Se você deseja inserir uma linha fina vertical colorida, defina H para o valor de altura desejado, defina W para 0 e as outras configurações são as mesmas acima para inserir uma linha fina vertical. Na janela de edição da página web, a cor ainda é cinza, mas pressione F12 para visualizar e você poderá ver no navegador que a cor da linha fina inserida mudou para a cor desejada.