Баст      БАСТ                  Дополнение 1
 
Главная страница
Краткий курс по созданию сайтов
Урок №1
Урок №2
Урок №3
Урок №4
Урок №5
Урок №6
Урок №7
Урок №8
Урок №9
Урок №10
Урок №11
Урок №12
Урок №13
Урок №14
Урок №15
Урок №16
Урок №17
Урок №18
Урок №19
Урок №20
Урок №21
Урок №22
Урок №23

 

 

Урок №8


Таблицы (продолжение).

     В этом уроке мы рассмотрим три атрибута для изменения цвета рамок таблиц:

  • bordercolor="Цвет" - рамка одного указанного цвета.
  • bordercolordark="Цвет" - цвет для темных сторон рамок.
  • bordercolorlight="Цвет" - цвет для светлых сторон рамок.

Рассмотрим примеры.

<table border=1 bordercolor="#000000">
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1 Заголовок №2 Заголовок №3
Ячейка 1-2 Ячейка 2-2 Ячейка 2-3
Ячейка 1-3 Ячейка 2-3 Ячейка 3-3



<table border=2 bordercolor="#00008B" bordercolordark="#7FFF00">
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1 Заголовок №2 Заголовок №3
Ячейка 1-2 Ячейка 2-2 Ячейка 2-3
Ячейка 1-3 Ячейка 2-3 Ячейка 3-3


<table border=3 bordercolor="#DC143C" bordercolorlight="#8A2BE2">
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1 Заголовок №2 Заголовок №3
Ячейка 1-2 Ячейка 2-2 Ячейка 2-3
Ячейка 1-3 Ячейка 2-3 Ячейка 3-3


<table border=4 bordercolor="#DC143C" bordercolorlight="#8A2BE2" bordercolordark="#FF00FF">
<tr> <th>Заголовок №1</th> <th>Заголовок №2</th> <th>Заголовок №3</th> </tr>
<tr> <td>Ячейка 1-2</td> <td>Ячейка 2-2</td> <td>Ячейка 2-3</td> </tr>
<tr> <td>Ячейка 1-3</td> <td>Ячейка 2-3</td> <td>Ячейка 3-3</td> </tr>
</table>

Получится следующее:

Заголовок №1 Заголовок №2 Заголовок №3
Ячейка 1-2 Ячейка 2-2 Ячейка 2-3
Ячейка 1-3 Ячейка 2-3 Ячейка 3-3


Напишите свой собственный HTML-документ, применяя все уже известные теги (дескрипторы).

     Сохраните этот файл, как 8.html.


 


© 2005 БАСТ
Hosted by uCoz