/* A border-collapsepropriedade define se as bordas da tabela devem ser recolhidas em uma única borda: */
table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black;
}

/* O exemplo abaixo define a largura da tabela para 100% e a altura dos elementos <th> para 50px: */
table {
    width: 100%;
}
th {
    height: 50px;
}

/* Por padrão, o conteúdo dos elementos <th> é alinhado ao centro e o conteúdo dos elementos <td> é alinhado à esquerda. */
th {
    text-align: left;
}

/* Para controlar o espaço entre a borda e o conteúdo em uma tabela, use a paddingpropriedade nos elementos <td> e <th>. */
th, td {
    padding: 15px;
    text-align: left;
}

/* Use o :hoverseletor em <tr> para destacar as linhas da tabela ao passar o mouse. */
tr:hover {background-color: #f5f5f5;}

/* O exemplo abaixo especifica a cor de fundo e a cor do texto dos elementos <th>. */
th {
    background-color: #4CAF50;
    color: white;
}