Definindo a largura das colunas da tabela

As tabelas são comumente usadas para apresentar dados tabulares, mas ajustar a largura das colunas pode ser essencial para garantir a legibilidade e a adequação alinhamento. Neste artigo, exploraremos como definir a largura das colunas da tabela usando CSS.

Método usando a propriedade CSS Width

A largura de uma coluna da tabela pode ser definido usando a propriedade width do elemento col. O valor da largura pode ser especificado em pixels (por exemplo, largura: 200px;) ou como uma porcentagem da largura do elemento pai (por exemplo, largura: 50%;).

Exemplo com atributo de estilo embutido:

Este exemplo usa atributos de estilo inline dentro de um elemento col para definir as larguras de três colunas: