Como você coloca um espaço entre duas linhas em uma tabela de bootstrap

Como você coloca um espaço entre duas linhas em uma tabela de bootstrap

As tabelas são os componentes que ajudam a organizar os dados. O Bootstrap fornece várias classes utilizadas para criar tabelas diferentes, como “Table-borderless”, Que cria uma mesa sem fronteiras,“Tabela-escura”Que é usado para criar uma mesa de cor escura,“Table-Bordered”Utilizado para fazer mesas com fronteiras, e muito mais. Mais especificamente, o “colapso da fronteira" e "espaçamento de fronteira”As propriedades são usadas para adicionar espaço entre as linhas de tabela.

Este artigo descreverá:

    • Como criar uma mesa de bootstrap de borda?
    • Como adicionar espaço entre as linhas de mesa no bootstrap?

Como criar uma mesa delimitada no bootstrap?

A tabela de fronteira é criada usando o

elemento com a classe “mesa-borderada”. A seguir estão as instruções para criar uma tabela:

    • Primeiro, adicione o “
”Tag com a“mesa" e "Table-Bordered" Aulas.
  • O "”A tag é usada para criar a parte do cabeçalho e a“ “
  • ”A tag é usada para especificar a parte do corpo.
  • O "
  • ”Tag cria linhas da tabela, o“
    ”Tag adiciona títulos e o“”A tag inclui os dados da tabela.

    Html


















    NomesProfissão
    JohnEngenheiro de software
    OliverProfessor


    Saída

    Como adicionar espaço entre as linhas de mesa no bootstrap?

    Para adicionar espaços entre as linhas de tabela, o CSS “colapso da fronteira" e "espaçamento de fronteira”As propriedades são usadas. A propriedade "colapso da fronteira" CSS com o valor atribuído como "separado”Mantém a borda da tabela separada. Enquanto a propriedade "espaçamento de fronteira" adiciona espaço entre as fronteiras.

    Classe de estilo de estilo

    .mesa
    colapso da fronteira: separado;
    espaçamento de borda: 0 2px;


    Como você pode ver na imagem abaixo fornecida, os espaços entre as linhas de tabela foram adicionados com sucesso:


    É assim que você pode colocar um espaço entre as linhas na tabela de bootstrap.

    Conclusão

    Para adicionar espaços entre as linhas de tabela, primeiro, crie uma tabela usando o

    elemento. Adicione a "tabela" e "Table-Bordered”Aulas para os“
    ”Elemento para fornecer estilos e fronteiras gerais, respectivamente. Em seguida, adicione os espaços entre as linhas usando o CSS “espaçamento de fronteira" propriedade. Esta propriedade funciona com o “colapso da fronteira”Propriedade com valor“ separado ”. Este artigo descreveu como colocar espaço entre as linhas na tabela de bootstrap.