HTML5: Как указать свойства столбца каждого столбца в элементе группы столбцов?

Последнее обновление 01 декабря 2018 10:41:21 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Решение:

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>How to specify the column properties of each column within a column group element</title>
</head>
<body>
<table class="table table-bordered">
  <colgroup>
    <col span="3" style="background-color:#cc66Ff">
	<col style="background-color:#cc66Ff">
  </colgroup>
  <tr>
    <th>COL-1</th>
    <th>COL-2</th>
    <th>COL-3</th>
  </tr>
  <tr>
    <td>MySQL</td>
    <td>PHP</td>
    <td>SQL</td>
  </tr>
  <tr>
    <td>MySQL Exercise</td>
    <td>PHP Exercise</td>
    <td>SQL Exercise</td>
  </tr>
</table>
</body>
</html>

Демонстрация в реальном времени:

Смотрите col-ответ пера от w3resource ( @ w3resource ) на CodePen .

Посмотреть решение в браузере

Поддерживаемый браузер