Код вашей страницы

 

<html>
<head>
<style type="text/css">
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}

caption {caption-side:bottom;}
</style>
</head>

<body>
<table>
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Сбережения</th>
</tr>
<tr>
<td>Петр</td>
<td>Сидоров</td>
<td>$100</td>
</tr>
<tr>
<td>Алексей</td>
<td>Выхухолев</td>
<td>$150</td>
</tr>
<tr>
<td>Женя</td>
<td>Вдрызг</td>
<td>$300</td>
</tr>
</table>
</body>
</html>

Результат в окне браузера

Таблица 1. Сбережения граждан.
Имя Фамилия Сбережения
Петр Сидоров $100
Алексей Выхухолев $150
Женя Вдрызг $300

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки