Tabela Cor da célula no Adobe CS5 Dreamweaver - dummies

Você pode alterar as cores de um célula única, células múltiplas ou uma linha inteira no Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Você pode usar atributos HTML padrão ou usar regras CSS para aplicar cor a qualquer parte de uma tabela, mas a maneira mais fácil é usar o Inspetor de propriedades para atribuir uma cor de fundo.

1. Clique com Ctrl (Windows) ou Comando-clique (Mac) em qualquer lugar dentro de uma célula para selecionar essa célula.

   Você pode continuar a adicionar células à sua seleção, mantendo a tecla pressionada e clicando em mais células.

2. No inspetor de propriedades, verifique se a exibição HTML está selecionada (clique na guia HTML na margem esquerda do painel) e localize o seletor de cores Bg.

3. Atribua cores às células seguindo um desses métodos:

   • Clique na amostra à direita de Bg e selecione uma cor no Seletor de cores que aparece. Lembre-se de que você pode escolher entre modelos de cores adicionais clicando no menu da paleta no canto superior direito do seletor de cores.

   • Se você conhece o número hexadecimal da sua cor, pode digitá-lo no campo de texto ao lado da amostra de cores Bg.

   • Selecione uma cor de qualquer elemento que você pode ver na tela clicando na caixa de preenchimento de cores à direita de Bg e, em seguida, movendo a ferramenta Eyedropper sobre qualquer cor na tela que deseja que a cor da célula pegue. Clique quando a cor aparecer na janela de visualização do Color Picker.

4. A cor é aplicada como um plano de fundo para as células selecionadas.

Além de usar o Inspetor de propriedades, você pode incluir configurações de cores de fundo em uma nova regra de CSS e aplicá-las a uma tabela inteira, célula ou linha com o Inspetor de propriedades.

1. Crie uma regra de Classe CSS do inspetor de propriedades ou do painel CSS Styles.

2. Na categoria Fundo na caixa de diálogo Definição da regra CSS, atribua uma cor à propriedade Cor de plano de fundo e clique em OK.

3. Selecione a tabela ou célula para a qual você deseja aplicar o novo estilo de Classe.

4. Atribua a classe usando a lista suspensa Classe no Inspetor de propriedades.