Свойства CSS могут применяться к таблицам, их строкам и ячейкам для задания свойств текста и шрифта, управления фоном, полями, границами, размерами и т.п.
Создадим таблицу и применим к ней CSS -стили. В таблицу внесем данные о популярности различных браузеров. Для заголовка таблицы используем
тег <th>...</th>.
HTML-код:
<html>
<head>
<title>Популярность браузеров в Mиpe</title>
</head>
<body>
<table>
<tr>
<th>roflBpaysep</th> <th>IE</th> <th>Firefox</th> <th>Safari</th> <th>Opera</th> </tr>
<tr>
<td>2010</td> <td>61.43%</td> <td>24.40%</td> <td>4.55%</td> <td>2.37%</td> </tr> <tr>
<td>2009</td> <td>69.13%</td> <td>22.67%</td> <td>3.58%</td> <td>2.18%</td>
</tr>
<tr>
<td>2008</td>
<td>77.83%</td>
<td>16.86%</td>
<td>2.65%</td>
<td>1.84%</td> </tr> <tr>
<td>2007</td>
<td>79.38%</td>
<td>14.35%</td>
<td>4.70%</td>
<td>0.50%</td>
</tr>
</table>
</body>
</html>
Без CSS-оформления таблица будет выглядеть так: