Как создать таблицу с тенью средствами HTML

Сегодня я расскажу как создавать таблицы с тенью. Примером может служить вот такая таблица

HTML -код для "Чайников". Практическое руководство. Данная книга в первую очередь предназначена для начинающих Web-программистов, но также содержит некоторую информацию, полезную и для профессионалов. Этот учебник научит вас работать с HTML-кодом напрямую, без использования визуальных редакторов. Здесь все построено на примерах с подробными комментариями.

Как видно внизу таблицы находится тень.

Создаются такие таблицы очень просто. Для этого Вам понадобится рисунок самой тени. Можете создать ее сами, а можете воспользоваться моей.

Вот моя ссылка

Итак, создадим таблицу. Для примера я создам самую простую 1х1 таблицу. Вы можете создать любую другую.

<table width="450px" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#000000">
<tr>
<td>
<h1> HTML -код для "Чайников". Практическое руководство. </h1>
<p> Данная книга в первую очередь предназначена для начинающих Web-программистов, но также содержит некоторую информацию, полезную и для профессионалов. Этот учебник научит вас работать с HTML-кодом напрямую, без использования визуальных редакторов. Здесь все построено на примерах с подробными комментариями. </p>
</td>
</tr>
</table>

Далее необходимо прикрепить нашу тень к созданной выше таблице. Делается это следующим образом.

Ниже таблицы пишем следующий код:

<div align="center" >
<img src="shadow.jpg" width="470" height="34">
</div>

Ну вот и все! Таблица с тенью готова!

• Комментарии (1)
• Сайт
• Facebook