ИП Иванов Д. А.

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

теги:

Категории

Рубрики
Наши специалисты помогут вам разобраться с возможностями Elementor. Также мы легко решим проблемы с ошибками, такими как 500, 502 при сохранении страниц и пр.
от 650 
В минимальную стоимость входит:
  • Адаптивный дизайн страниц (5шт),
  • Верстка страниц (5шт),
  • Тестирование,
  • Корректировки,
  • Установка простых интеграций (чаты, метрики и пр),
  • Бекапы,
  • Резервные копии.
от 42800 

Как задать таблицу в 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 — задает цвет фона для заголовков таблицы.

Поделиться:

Комментарии

Оставьте комментарий

Задать вопрос

Мы ответим в ближайшее время!

Отправляя заявку вы даете согласие на обработку персональных данных.

Вступайте в наш телеграм чат. Задавайте вопросы, помогайте другим.