Criar tabelas em HTML com cores (CSS)

Por | Atualizado em 2013-12-19

Em complemento ao nosso artigo “Como criar tabelas em HTML“, iremos explicar como adicionar cores numa tabelas HTML usando a linguagem CSS.

Dessa forma, você conseguirá melhorar significativamente o design das suas tabelas, e dar um aspeto mais profissional ao seu trabalho.

Exemplo:

tabela css


Para criar a sua tabela HTML colorida poderá utilizar o gerador online “CSS Table Generator“. O serviço é muito simples de utilizar, permitindo personalizar vários aspectos da tabela (tipo de fonte, cores, tamanhos de letra, etc).

Quando terminar, poderá incorporar a tabela na sua página Web. Comece por incorporar o código CSS na sua página na secção: <head><style>..código CSS…</style> do seu template.

Por fim, cole o código HTML no local onde pretende exibir a tabela. Está pronto.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *