В этом уроке предадим таблице и ее окантовке цвет...

Чтоб предать цвет всей таблице нужно поместить атрибут: bgcolor="цвет" в открывающийся тег таблицы <table> Например, код таблицы будет выглядеть так:

<table bgcolor="цвет" > /таблица открывается/
<tr> /строка открывается/
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr> /строка закрывается/
<tr>
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr>
</table>/таблица закрывается/

За место слова цвет прописываем имя цвета на английском языке как учили в предидущих уроках, или же прописываем код цвета.
Теперь давайте сделаем цвет окантовки, он задается атребутом: bordercolor="цвет" так же помещаетя в тег <table> пример кода где задаем цвет окантовки:

<table bordercolor="цвет" > /таблица открывается/
<tr> /строка открывается/
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr> /строка закрывается/
<tr>
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr>
</table>/таблица закрывается/

Теперь совместим все это и придадим значения цвета таблицы зеленый а цвет окантовки синий, так же сделаем окантовку ширеной в 2 пикселя. Например:

<table border="2" bordercolor="blue" bgcolor="green"> /таблица открывается/
<tr> /строка открывается/
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr> /строка закрывается/
<tr>
<td>Содержимое ячейки</td>
<td>Содержимое ячейки</td>
</tr>
</table>/таблица закрывается/

Вот что у нас должно получится:

Скачать учебные материалы