Генератор форм

Баннер

Для веб-мастера

Реклама


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

Рейтинг:
Дата: 4 февраля 2009 Просмотры 17358 Комментарии 1

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

Данная книга в первую очередь предназначена для начинающих 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>

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

Оцените эту статью:
Интересно почитать

    Получать новые материалы этого сайта на свой email адрес?

    Отправлять мне комментарии по эл. почте?

Реклама

Баннер

Топ комментаторы

Нашли ошибку в тексте

Система Orphus
https://biznesguide.ru/html_css/39.html
3,91 из 5 на основе 11 оценок.
Твиттер Facebook Google plus RSS