CSS estilizar tabela e site HTML em CSS

Sheovion · 21 de setembro de 2021

estou tendo dificuldades pra resolver esta atividade do meu curso, sou iniciante e não entendo muita coisa

se alguém puder me ajudar eu agradeço muito

o meu código até agora é isso:

<meta charset="UTF-8">
<html>
<head> 
    <link rel="stylesheet" type="text/css" href="../CSS apenas/CSS tabela.css">
</head>
<body>
<h1 class="listra">Titulo do Site</h1>
  <h1 class="titulo_tabela">Tabela</h1>
<table class="tabela">
<tbody>
<thead>
    <tr class="even">
        <td>Horário</td>
        <td>Segunda</td>
        <td>Terça</td>
        <td>Quarta</td>
        <td>Quinta</td>
        <td>Sexta</td>
        <td>Sábado</td>
    </tr>
</thead>
    <tr>
        <td>17:20</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>18:10</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>19:00</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>19:50</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>20:40</td>
        <td>Intervalo</td>
        <td>Intervalo</td>
        <td>Intervalo</td>
        <td>Intervalo</td>
        <td>Intervalo</td>
        <td>Intervalo</td>
    </tr>
    <tr>
        <td>20:50</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>21:40</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>22:30</td>
        <td>Termino</td>
        <td>Termino</td>
        <td>Termino</td>
        <td>Termino</td>
        <td>Termino</td>
        <td>Termino</td>
    </tr>
<thead>
    <tr class="even">
        <td>Horário</td>
        <td>Segunda</td>
        <td>Terça</td>
        <td>Quarta</td>
        <td>Quinta</td>
        <td>Sexta</td>
        <td>Sábado</td>
    </tr>
</thead>
</tbody>
</table>
</body>
</html>

a parte em CSS:

.tabela{
    width: 750px;
    height: 350px;
    border: solid 2px black;
    border-collapse: collapse;
}
thead{
    background-color: purple;
}
tbody{
    background-color: darkblue;
}
td{
    padding: 15px;
    text-align: left;
}
tbody tr:nth-child(even){
    background-color: lightblue;
}
.listra{background: cyan;
            text-align: center;
    }
.titulo_tabela {
    height: ;
       width: ;
       background-color: brown;
       transform: ;
}