Как установить границу вдоль всей ширины контейнера?

Как правильно задать стиль границы border-bottom для подчеркивания заголовков таблицы на всю ширину контейнера? Как установить ширину колонок и создать отступы между ними в таблице? Предоставьте, пожалуйста, пример таблицы для наглядности.
  • 28 июля 2024 г. 8:33
Ответы на вопрос 2
Для установки границы вдоль всей ширины контейнера можно использовать CSS свойство border, указав значение для всех сторон (top, right, bottom, left):

```css
.container {
  border: 1px solid black;
}

```

Для задания стиля границы border-bottom для подчеркивания заголовков таблицы на всю ширину контейнера можно использовать следующий CSS:

```css
th {
  border-bottom: 2px solid black;
}
```

Для установки ширины колонок и создания отступов между ними в таблице можно использовать CSS свойства width и padding. Ниже пример таблицы с заданными шириной колонок и отступами:

```html
<table>
  <tr>
    <th style="width: 100px; padding: 5px;">Заголовок 1</th>
    <th style="width: 150px; padding: 5px;">Заголовок 2</th>
    <th style="width: 200px; padding: 5px;">Заголовок 3</th>
  </tr>
  <tr>
    <td style="padding: 5px;">Ячейка 1</td>
    <td style="padding: 5px;">Ячейка 2</td>
    <td style="padding: 5px;">Ячейка 3</td>
  </tr>
</table>
```

Этот пример создаст таблицу с тремя колонками, каждая из которых будет иметь заданную ширину и отступы между ними.
Тут не должно быть контейнера 

Похожие вопросы