Tabela CSS (tabela)

Use CSS pode melhorar significativamente a aparência de tabelas HTML.

Border Table

Especifica a tabela fronteiras de estilo CSS, use a propriedade fronteira.

O exemplo a seguir especifica uma tabela de elementos TH e TD borda preta:

Note-se que no exemplo acima, a tabela tem uma borda dupla. Isso ocorre porque a tabela eo th / elementos td tem fronteiras separadas.

Para exibir um único quadro de uma tabela, use a propriedade border-collapse.

quadro dobrável

atributo border-collapse definir se as bordas da tabela são recolhidos em uma única fronteira ou separados:

table width e altura

Largura e altura atributos definir a largura e altura da tabela.

O exemplo a seguir é definida para 100% da tabela largura altura de 50 pixels th elemento:

alinhamento de texto Form

alinhamento do texto mesa e propriedades de alinhamento vertical.

propriedade text-align é definir o alinhamento horizontal, como a esquerda, direita ou centro:

configurações vertical-align propriedade de alinhamento vertical, como superior, inferior, ou no meio:

preenchimento de formulários

Se o espaço entre o controle fronteiriço na tabela de conteúdo, você deve usar o td atributo de preenchimento e de elementos th:

tabela de cores

O exemplo a seguir especifica a cor da borda, e elementos th da cor do texto e do fundo:

mais exemplos

Fazer um formulário personalizado
Este exemplo demonstra como para criar uma forma personalizada.

Definir a posição legenda da tabela
Este exemplo demonstra como a posição do cabeçalho da tabela.