Цвет и фон в таблице

Влад Мержевич

Тема: цвет CSS таблицы

Создайте таблицу, показанную на рис. 1, задав цвета через стили. Ширина таблицы составляет 100%.

Рис. 1

Рис. 1

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Цвета в таблице</title>
  <style type="text/css">
   body {
    font-size: 1.5em; /* Размер текста */
   }
   table {
    width: 100%; /* Ширина таблицы */
   }
   td { padding: 5px; }
   td.col1 { background: red; color: white; }
   td.col2 { background: orange; color: gray; }
   td.col3 { background: yellow; }
  </style>
 </head>
 <body>
  <table cellspacing="0">
   <tr>
    <td class="col1">Шаг 1</td>
    <td class="col2">Шаг 2</td>
    <td class="col3">Шаг 3</td>
   </tr>
  </table>
 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.