TAGS:

Tabela - <TABLE>

COLUNAS - <TD>

LINHAS - <TR>

CABEÇALHO - <TH>

MESCLAR HOR. – COLSPAN = ?

MESCLAR VERT. – ROWSPAN = ?

Bordas (Espessura, tipo e cor)

table, th, td {
border: 1px solid black;
}

Colapse (Remover o espaço entre as bordas)

table {
border-collapse: collapse;
}

Largura e altura

table {
width: 100%;
}

th {
height: 50px;
}

Alinhamento Horizontal

th {
text-align: left;
}

Alinhamento Vertical
td {
height: 50px;
vertical-align: bottom;
}

Padding (espaçamento interno da tabela)

th, td {
padding: 15px;
}

Removendo Divisões verticais

th, td {
border-bottom: 1px solid #ddd;
}

Mudando a cor ao passar o mouse

tr:hover {background-color: #f5f5f5}

Tabelas “Zebradas”

tr:nth-child(even) {background-color: #f2f2f2}