Как раскрасить таблицу в html

Для стилизации ячеек таблиц можно использовать как свойства background, так и border.

Исходный HTML документ:

<table>
  <tr>
    <th>Заголовок 1</th>
    <th class="bg-2">Заголовок 2</th>
  </tr>
  <tr>
    <td class="bg-1">Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

CSS стили:

table {
  background: #cadetblue; /* Цвет фона таблицы */
  border: 2px dashed #000; /* Рамка вокруг таблицы */
}

td, th {
  padding: 10px; /* Поля вокруг текста */
  border: 1px solid #fff; /* Рамка вокруг ячеек */
}

.bg-1 {
  background: #burlywood;
}

.bg-2 {
  background: #darkgreen;
}

Результат: