Загрузка данных


/* Задание 3. Базовые стили для таблицы */
table {
  /* Убираем лишние отступы между ячейками и схлопываем рамки */
  border-collapse: collapse; 
  width: 100%;
  max-width: 800px;
}

th, td {
  /* Задаем рамки ячейкам */
  border: 1px solid #333;
  /* Задаем отступы: 8px сверху/снизу, 12px слева/справа */
  padding: 8px 12px;
}

/* Задание 4. "Зебра" для нечетных строк таблицы */
/* 2n+1 — это 1-я (заголовки), 3-я, 5-я строки */
tr:nth-child(2n+1) {
  background-color: #eef3f7;
}

/* Задание 5. Выравнивание заголовков */
th:first-child {
  /* Первая колонка заголовков — по левому краю */
  text-align: left;
}

th:not(:first-child) {
  /* Все остальные заголовки (со 2-го по 4-й) — по центру */
  text-align: center;
}