Ваша таблица начинает приобретать приятный вид, но все равно
еще есть куда стремиться. Мы добавили немного стилей к таблице, чтобы она была
более приятна на вид. Ваша задача в том чтобы добавить последний штрих!
Не стесняйтесь менять любой из атрибутов стилей, которые мы
добавили, вы узнаете о них гораздо больше, когда мы начнем изучать css.
Если вы хотите добавить более одного атрибута стилю, просто
разделите их точкой с запятой, например:
<th style="font-size:12px; color:red"></th>
задание
1. Выделите "Famous Monster" и "Birth Year" курсивом
2. Сделайте заголовок "Famous Monsters by Birth Year" красным
подсказка
Посмотрите в предыдущих разделах о выделении текста если вы забыли что для этого нужно. Вам надо добавить style в заголовок таблицы чтобы вы могли поменять цвет.
решение
<html>
<head>
<title>Table Time</title>
</head>
<body>
<table style="border-collapse:collapse;">
<thead>
<tr>
<th colspan="2" style="color:red">Famous Monsters by Birth Year</th>
</tr>
<tr style="border-bottom:1px solid black;">
<th style="padding:5px"><em>Famous Monster</em></th>
<th style="padding:5px;border-left:1px solid black"><em>Birth Year</em></th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding:5px;">King Kong</td>
<td style="padding:5px;border-left:1px solid black;">1933</td>
</tr>
<tr>
<td style="padding:5px;">Dracula</td>
<td style="padding:5px;border-left:1px solid black;">1897</td>
</tr>
<tr>
<td style="padding:5px;">Bride of Frankenstein</td>
<td style="padding:5px;border-left:1px solid black;">1944</td>
</tr>
</tbody>
</table>
</body>
</html>
Комментариев нет :
Отправить комментарий