	ИНФОРМАЦИЯ, ДИЗАЙН, ПЕРЕВОДЫ, РЕКЛАМА . . .	w a p - с а й т
		Информационный портал

Сегодня:

admin@aranea.ru
+79068922256

aranea.ru || Занятия и примеры по HTML | О границах таблицы

О границах таблицы

Пример 46
Пример 47
Пример 48

В настоящее время границы таблицы и ее ячеек устанавливают с помощью стилевых таблиц. Поэтому, в спецификации HTML 4.01 атрибуты, отвечающие за цвет границ таблицы, даже не упоминаются.

Граница таблицы устанавливается атрибутом border="n", где n – целое число. Браузеры визуализируют границы, определенные этим атрибутом, по-разному.

Нижеследующие атрибуты (полностью устаревшие) раскрашивают рамку.

Атрибут	Описание
bordercolor	заполняющий цвет рамки
bordercolordark	темный цвет рамки
bordercolorlight	светлый цвет рамки

Пример 46

<HTML> 
   <HEAD>
            <TITLE>
                        Пример 46
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="3" width="70%">
               <TR>
                    <TH>1-1</TH>
                    <TH>1-2</TH>
                    <TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD>
                    <TD>2-2</TD>
                    <TD>2-3</TD>
               </TR>
               <TR>
                    <TD>3-1</TD>
                    <TD>3-2</TD>
                    <TD>3-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>

Пример 47

<HTML> 
   <HEAD>
            <TITLE>
                        Пример 47
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="70%" align="center" bordercolor="navy" bordercolordark="red"
                               bordercolorlight="yellow">
               <TR>
                    <TH>1-1</TH>
                    <TH>1-2</TH>
                    <TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD>
                    <TD>2-2</TD>
                    <TD>2-3</TD>
               </TR>
               <TR>
                    <TD>3-1</TD>
                    <TD>3-2</TD>
                    <TD>3-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>

Пример 48

<HTML> 
   <HEAD>
            <TITLE>
                        Пример 48
            </TITLE>
   </HEAD>
     <BODY> 
            <TABLE border="1" width="70%" align="center">
               <TR bordercolor="navy" bordercolordark="red" bordercolorlight="yellow">
                    <TH>1-1</TH>
                    <TH>1-2</TH>
                    <TH>1-3</TH>
               </TR>
               <TR>
                    <TD>2-1</TD>
                    <TD bordercolor="navy" bordercolordark="red"
                               bordercolorlight="yellow">2-2</TD>
                    <TD>2-3</TD>
               </TR>
               <TR>
                    <TD>3-1</TD>
                    <TD>3-2</TD>
                    <TD>3-3</TD>
               </TR>
            </TABLE>
     </BODY>
</HTML>

← Назад | Вперед →