<colgroup>, <col>
Описывает столбцы таблицы, чтобы задать им ширину или фон.
Синтаксис
<colgroup><col span="2"><col class="total"></colgroup>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| span | number | Сколько столбцов охватывает `<col>`. |
Примеры
Подсветка последнего столбца:
<style>
.total { background: lightyellow; }
table { border-collapse: collapse; }
td, th { padding: 4px 10px; }
</style>
<table>
<colgroup><col span="2"><col class="total"></colgroup>
<tr><th>Item</th><th>Qty</th><th>Sum</th></tr>
<tr><td>Latte</td><td>2</td><td>$9.00</td></tr>
<tr><td>Tea</td><td>1</td><td>$2.50</td></tr>
</table>Примечания
<colgroup> идёт сразу после <caption>, до строк. На <col> действуют только несколько свойств: background, width, border и visibility — цвет текста или отступы так задать нельзя.
См. также
- <table> — Таблица из строк `<tr>` и ячеек.
- <td>, <th> — Ячейки таблицы: `<td>` — с данными, `<th>` — заголовочная.
Вопросы и ответы по теме
В учебнике
- Таблицы — Таблицы в HTML — строки и ячейки, заголовки столбцов, thead, tbody, tfoot и caption, объединение ячеек.