Как создать таблицу с тенью средствами 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)
- Сайт