Как сделать рамку таблицы 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.