在表格中加入颜色和图象

根据HTML 3.2规范，表格不具有任何颜色属性。然而，值得庆幸的是Netscape和Microsoft都扩展了HTML来让表格具有自己的背景色，两种浏览器都能识别<TABLE>标识符的BGCOLOR属性。

你可以使用颜色名或RGB值来设定BGCOLOR的值，下面的例子说明了这个属性的用法：

<HTML>

<HEAD> <TITLE> Table Color </TITLE> </HEAD>

<BODY BGCOLOR=“white”>

<CENTER>

<TABLE BGCOLOR=“lightblue” CELLPADDING=10>

<TR>

<TD> I have a blue background </TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

当这个例子中的文字在浏览器上显示时，它处于一个浅蓝色的框中，这对于突出主页上主体文字中某些特定的文本是很有用的。例如，你可以使用这种方法来突出一个引用、标题或是网页上一个简短的注释。

你也可以为表格中某一行甚至是某一个表项使用BGCOLOR属性。例如，可以用不同的颜色来区分表格中不同列的数据。

BGCOLOR属性的一个更令人兴奋的用处可能是设置你网页的整体颜色，如果你将表格的宽度设为屏幕的宽度，你可以建立一个具有多列的网页，而每一列都具有不同的颜色。下面的例子建立了一个有两列不同颜色的网页：

<HTML>

<HEAD> <TITLE> Two Color Columns </TITLE> </HEAD>

<BODY BGCOLOR=“white”>

<CENTER>

<TABLE WIDTH=“100%” HEIGHT=“100%”>

<TR>

<TD BGCOLOR=“Olive” ALIGN=“center”> I have a olive background </TD>

<TD BGCOLOR=“Aqua” ALIGN=“center”> I have a aqua background </TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

Netscape和Microsoft的浏览器都允许你为表格设定背景图片（见图6.21），你可以通过<TABLE>标识符的BACKGROUND属性来指定一幅图象：

<HTML>

<HEAD> <TITLE> Two Color Columns </TITLE> </HEAD>

<BODY BGCOLOR=“white”>

<CENTER>

<TABLE WIDTH=“50%” HEIGHT=“100%” BACKGROUND=“myimage.gif”>

<TR>

<TD ALIGN=“center”> I have a checkered background </TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

Netscape Navigator 4.0和Internet Explorer 3.0及4.0还允许你在表格的某一行或某个表项使用BACKGROUND属性，通过为不同的表项使用不同的背景图象，你可以建立一个可视性非常强的网页。

图6.21 使用背景图象的表格