Как сделать рамку таблицы css

Для создания рамки таблицы в CSS можно использовать свойство border. Также можно применять свойство border-collapse для совмещения границ ячеек и создания единой рамки таблицы. Рассмотрим пример:

HTML:

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

CSS:

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid #ddd;
  padding: 10px;
}

Код применяет свойство border-collapse для объединения границ ячеек. Также, свойство border задается для th и td элементов, что добавляет рамку ячейкам. Свойство padding добавлено для улучшения визуального привлекательности таблицы.

Вы можете изменять цвет, толщину и стиль рамки на свое усмотрение, указав нужное сочетание значений в свойстве border.

реклама

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

реклама

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

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

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

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

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

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