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

 <html>
<head>
<style type="text/css">
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
</style>
</head>

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

<tr>

<td>Леонид</td>

<td>Оксолинин</td>

<td>$120</td>

</tr>
</table>
</body>
</html>

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

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

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


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