Настройка рамки.

На этом уроке я научу вас настраивать рамку таблицы. Рамка настраивается в тэге <table>, а именно атрибутом border="число".

Пример: <table border="3">

Теперь создайте таблицу. Задайте ей рамку равную 3 пикселям. Выглядеть это будет примерно так:

А теперь я вам покажу, как задать рамке цвет. Это делается при помощи атрибута тэга <table> bordercolor="цвет".

Пример: <table border="3" bordercolor="#336699">

Создайте таблицу с рамкой равной 2 пикселя и черным цветом рамки. Это будет выглядить примерно так:

Я вас познакомлю с еще двумя атрибутами тэга <table>. Это cellspacing и cellpadding. Сначала о cellspacing.

Атрибут cellspacing устанавливает расстояние между ячейками.

Например: <table cellspacing="0">

Вот что получится:

или

<table cellspacing="6">

Вот что получится:

Ну как, понятно? :)

А теперь я расскажу вам о cellpadding. Атрибут cellpadding устанавливает расстояние от краев ячейки до ее содержимого(текста, картинок и т.п.).

Пример: <table cellpadding="5">

Вот что получится:

А теперь создайте таблицу с атрибутами cellspacing="2", cellpadding="3", border="1" и bordercolor="green". У вас должно получиться что-то вроде этого:

Для тех, кто не смог вот код:

<table cellpadding="3" cellspacing="2" border="1" bordercolor="green">

<tr>

<td bgcolor="#808080">текст в таблице</td>

<td bgcolor="#FF9900">текст в таблице</td>

</tr>

<tr>

<td bgcolor="#FF9900">текст в таблице</td>

<td bgcolor="#808080">текст в таблице</td>

</tr>

</table>

Пока все. Не забудьте повторять несколько раз. Когда будете готовы переходите на следующий урок.

Ну как, понятно? :)

А теперь я расскажу вам о cellpadding. Атрибут cellpadding устанавливает расстояние от краев ячейки до ее содержимого(текста, картинок и т.п.).

Пример: <table cellpadding="5">

Вот что получится:

А теперь создайте таблицу с атрибутами cellspacing="2", cellpadding="3", border="1" и bordercolor="green". У вас должно получиться что-то вроде этого:

Для тех, кто не смог вот код:

<table cellpadding="3" cellspacing="2" border="1" bordercolor="green">

<tr>

<td bgcolor="#808080">текст в таблице</td>

<td bgcolor="#FF9900">текст в таблице</td>

</tr>

<tr>

<td bgcolor="#FF9900">текст в таблице</td>

<td bgcolor="#808080">текст в таблице</td>

</tr>

</table>

Пока все. Не забудьте повторять несколько раз. Когда будете готовы переходите на следующий урок.