Как задать таблицу в CSS

Для задания таблицы в CSS используется свойство table. Пример:

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

th {
  background-color: #f2f2f2;
}

Этот код задает таблицу со свойствами:

• border-collapse: collapse — объединяет границы ячеек таблицы;
• width: 100% — задает ширину таблицы на 100% от родского элемента;
• th, td — задает стили для заголовков и ячеек таблицы;
• padding: 8px — задает отступы внутри ячеек;
• text-align: left — выравнивание текста по левому краю;
• border-bottom: 1px solid #ddd — задает границу снизу каждой ячейки;
• th — задает стили для заголовков таблицы;
• background-color: #f2f2f2 — задает цвет фона для заголовков таблицы.