Como aplicar formatação de tabelas com CSS em Adobe Dreamweaver CS6
Além de usar o Inspetor de propriedades no Adobe Dreamweaver CS6, você pode formatar tabelas inteiras ou células individuais da tabela (e conteúdos) usando CSS (Cascading Style Sheets). Na maioria dos casos, isso é considerado uma melhor prática, uma vez que mantém uma separação entre a marcação, o conteúdo e o estilo real usado para torná-lo esteticamente agradável.
Você pode usar CSS para formatar uma tabela da seguinte forma:
Criar uma regra de classe CSS a partir de qualquer Inspetor de propriedades ou o painel Estilos CSS.
Na categoria Tipo, selecione um tamanho e cor para o texto de sua mesa.
Sob a categoria de fundo na caixa de diálogo Definição de regra CSS, atribua uma cor de fundo para a sua mesa usando a propriedade Cor de fundo e clique em OK.
Selecione a tabela que deseja aplicar o novo estilo de classe para.
Atribuir a classe usando a lista drop-down classe no Inspetor de propriedades.
Toda a sua mesa assume a nova formatação.
Semelhante à maneira como você pode usar o Inspetor de propriedades para colorir e alinhar as células individuais, você pode criar e aplicar regras CSS às células da tabela. Na maioria dos casos, esta é considerada uma prática melhor do que depender de atributos HTML. Para fazer isso, basta seguir estes passos:
Criar uma regra de classe CSS a partir de qualquer Inspetor de propriedades ou o painel Estilos CSS.
Sob a categoria de fundo, selecione uma cor de fundo.
Sob a categoria de bloco, selecione Médio a partir da lista drop-down vertical-align, Centro de selecionar a partir da lista drop-down text-align e clique em OK.
Seleccione a célula de tabela que você gostaria de aplicar a nova classe para.
A partir do Inspetor de propriedades, localize a lista drop-down da classe e selecione sua nova classe.
Suas opções de formatação são aplicadas à célula da tabela.
