Definir largura da coluna da tabela HTML
Este guia vai te ensinar:
- Como criar uma tabela em html?
- Como ajustar a altura da linha da tabela?
- Como ajustar a largura da coluna da tabela?
Como criar uma tabela em html?
Em html, primeiro, adicione um “mesa”Elemento e aplique“largura”Com o valor de“100%”. Então, adicione
| Nome | Gênero | Idade |
|---|---|---|
| Peter | Macho | 23 |
| Dennis | Macho | 26 |
| Margarida | Fêmea | 23 |
Atualmente, nossa página da web se parece com a seguinte:
Agora, ajuste os tamanhos de linha e coluna da tabela.
Como ajustar a altura da linha da tabela?
A altura da linha da tabela pode ser ajustada usando o “altura" propriedade. Abaixo está o exemplo onde o
A tag é fornecida com a altura da propriedade de estilo com valor 100px:Pode ser visto na imagem abaixo que a segunda linha da tabela agora está tendo um comprimento de 100px:
Como ajustar a largura da coluna da tabela?
A largura da coluna pode ser modificada utilizando o CSS “largura" propriedade. Aqui, a largura da tabela é definida como 80%:
Saída
É isso! Aprendemos com sucesso a ajustar a largura e a altura de uma mesa.
Conclusão
As tabelas são o meio mais popular de apresentar dados à medida que organizam dados em linhas e colunas. No CSS, uma tabela pode ser feita usando o
| , |
|---|
. No entanto, você pode utilizar as propriedades de altura e largura para especificar o tamanho da tabela. Este blog explicou especificamente o método para definir a largura das linhas de tabela e colunas.
|