Buscar

Estilos CSS para Tabela de Classificação

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

* {
 text-align: center;
}
body {
 font-family: "Roboto Mono", monospace;
 min-height: 400px;
 background-image: url("https://www.alura.com.br/assets/img/imersoes/dev-2021/tabela-classificacao-bg.png");
 background-color: #111;
 background-size: 100%;
 background-position: center;
 background-repeat: no-repeat;
}
.container {
 text-align: center;
 padding: 20px;
 height: 100vh;
}
.page-title {
 color: #ffffff;
 margin: 0 0 5px;
}
.page-subtitle {
 color: #ffffff;
 margin-top: 5px;
}
.page-logo {
 width: 200px;
}
.alura-logo {
 width: 40px;
 position: absolute;
 top: 10px;
 right: 10px;
}
table {
 border: 2px solid white;
 border-collapse: collapse;
}
h1 {
 color: white;
}
th,
tr,
td {
 border: solid 1px white;
 color: white;
}

Teste o Premium para desbloquear

Aproveite todos os benefícios por 3 dias sem pagar! 😉
Já tem cadastro?

Continue navegando

Outros materiais