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

Опубликовано: 22.09.2010

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

Задание
Решение

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

Рис. 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; 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>