2020智能投顾平台TOP50
全世界各行各业联合起来,internet一定要实现!
老文章正文

HTML:在表格中加入颜色和图象

2004-05-03 eNet&Ciweek

根据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%” ”>

<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属性,通过为不同的表项使用不同的背景图象,你可以建立一个可视性非常强的网页。



相关频道: eNews 老文章

您对本文或本站有任何意见,请在下方提交,谢谢!

投稿信箱:tougao@enet16.com
广告