Как сделать границы таблицы в css

Чтобы задать границы таблицы в CSS, можно использовать свойство border. Например:

table {
  border: 1px solid #ccc; /* 1px толщина, solid тип линии, #ccc цвет линии */
}

Этот код добавит границу вокруг всех ячеек таблицы. Однако, он не задаст границы между соседними ячейками.

Чтобы задать границы между ячейками таблицы, можно использовать свойство border-collapse с значением `collapse’:

table {
  border-collapse: collapse; /* Объединить границы между ячейками */
  border: 1px solid #ccc; /* 1px толщина, solid тип линии, #ccc цвет линии */
}

Этот код задаст границы между ячейками и добавит общую границу вокруг таблицы.

Также можно задавать границы для отдельных ячеек или строк. Например, чтобы задать границу для ячейки таблицы, можно использовать свойство border внутри CSS-правила для этой ячейки:

td {
  border: 1px solid #ccc; /* 1px толщина, solid тип линии, #ccc цвет линии */
}

Этот код задаст границу для всех ячеек в таблице.

А чтобы задать границу для строки в таблице, можно использовать свойство border-top и border-bottom внутри CSS-правила для этой строки:

tr {
  border-top: 1px solid #ccc; /* граница сверху строки */
  border-bottom: 1px solid #ccc; /* граница снизу строки */
}

Этот код добавит границу сверху и снизу для каждой строки в таблице.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать границы таблицы в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали