Раскрасить таблицу. |
Вы еще не забыли основные теги таблицы? <table>, <tr>,<td> и, соответственно, </td>, </tr>,</table>.
Давайте учиться дальше. Сегодня мы будем раскрашивать наши таблицы.
Можно закрасить всю таблицу целиком: для этого внутри тега <table> напишем
<table bgcolor="номер или название цвета">:
<table bgcolor="#84FF80" border="1"> <tr> <td>Это</td> <td>таблица</td> </tr> <tr> <td>с зеленым</td> <td> фоном</td> </tr> </table> |
|
А если атрибут bgcolor прописать для тега <tr>, мы получим цветную строку:
<table border="1"> <tr bgcolor="#84FF80"> <td>Эта строка</td> <td>зеленая,</td> </tr> <tr bgcolor="#FFF180"> <td>а эта - </td> <td>желтая</td> </tr> </table> |
|
Таким образом можно "нарисовать" компьютерную радугу:
К |
О |
Ж |
З |
Г |
С |
Ф |
Вы уже догадались, что получится, если прописать bgcolor для ячейки <td>?
<table border="1"> <tr> <td bgcolor="#FFFF99">Желтая ячейка</td> <td bgcolor="#00FFFF">Голубая ячейка</td> </tr> <tr> <td bgcolor="#C0C0C0">Серая ячейка</td> <td>А эта ячейка не закрашена</td> </tr> </table> |
|
Теперь попробуем замостить таблицу фоновой картинкой. Вместо цвета пропишем в стиле ссылку на картинку. Вот сама картинка:
.
Скопируем в ее свойствах адрес и вставим его в код.
<table style="background:url('http://img.liveinternet.ru/images/attach/1/4339/4339870_545.jpg')"><tr><td>Текст на фоне картинки</td></tr></table>
|
Хочу рассказать вам еще очень много важного, поэтому не прощаюсь надолго!
Как всегда советую не бояться экспериментов.
Задавайте вопросы, если что-то непонятно.
Рубрики: | ВСЕ ДЛЯ ДНЕВНИКА. |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |