Цветные границы в Netscape Navigator

Дата добавления: 2015-07-09; просмотров: 401; Нарушение авторских прав

Вы не только можете окружить таблицу красивой рамкой, но еще и задать для нее цвет, отличный от цветов текста и фона. Создайте простой серый GIF (или любой GIF, который вы хотели бы иметь в качестве фона) и определите его в таге <ВODY> как фон страницы. Затем задайте цвет фона страницы. В результате ваш таг <ВОDY> будет выглядеть примерно так:

Вы создали двойной фон - GIF и заданный цвет. В результате фоновый цвет будет виден на всех границах таблиц и горизонтальных линиях (<НR>). Вне зависимости от того, является ли ваш фоновый GIF серым или нет, цветные линии и границы таблиц будут заметно выделяться. Если фоновый GIF не слишком сложно устроен, время загрузки страницы лишь немного возрастет. На приведенном ниже примере показано какие, широкие возможности дает использование цвета в HTML и в частности в таблицах.

Пример 1.21

<HTML>
<BODY BACKGROUND="BGR.GIF" BGCOLOR="YELLOW" >
<CENTER>
<TABLE BORDER=3 CELLPADDING=20>
<CAPTION ALIGN=TOP><H2>Как просверлить бетонную стену</H2></CAPTION>
<TR>
<TD BGCOLOR=GRAY>
<TABLE CELLPADDING=10 CELLSPACING=0 BORDER=16>
<TD BGCOLOR=RED ALIGN=CENTER>
<H1>ПЕРФОРАТОР</H1>
<H3>Только сегодня!</H3>
<TABLE BORDER WIDTH=100%>
<TR>
<TD BGCOLOR=AQUA ALIGN=CENTER><I>Почти бесплатно!</I></TD>
</TR>
</TABLE>
</TABLE>
<TD WIDTH=50% BGCOLOR=BROWN ALIGN=CENTER>
<IMG SRC="PERFOR1.GIF" WIDTH=200 HEIGHT=150>
</TD>
</TR>
<TR>
<TD
BGCOLOR=PINK>
<FONT SIZE=6 COLOR=BLUE>От 6 до 20 мм</FONT>
</TD>
<TD BGCOLOR=BLUE>
<FONT SIZE=6 COLOR=PINK>Просверлим все</FONT>
</TD>
</TR>
</TABLE>
</CENTER >
</BODY>
</HTML>

Рис. 1.22. Пример разноцветной таблицы

Фреймы

<== предыдущая лекция	\|	следующая лекция ==>
Использование таблиц в дизайне страницы	\|	Как работают фреймы