本文我们通过二个例子来学习表格TABLE的颜色背景bgcolor属性和图片背景background属性

首先我们先来学习bgcolor,即颜色背景

BGCOLOR属性是用来设定表格的背景颜色的属性。

基本语法

     <TABLE BGCOLORr=color_VALUE>color_VALUE:十六进制颜色值

请看如下例子代码

05  <HTML>
06  <HEAD>
07  <TITLE>设定表格背景的颜色-www.web2bar.cn</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 Bgcolor=#00FFFF>
12  <TR>
13  <TD>网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

以上例子代码的第11行定义了表格的背景色为#00FFFF的颜色。

学习了BGCOLOR背景颜色的属性,下面我们来继续学习图片背景background属性

background为表格设置背景图像,可以使用任何的GIF或者JPEG图片文件。

基本语法

     <TABLE BACKGROUND=FILE_name>FILE_name:图片文件的完整路径或者相对路径

请看以下例子代码:


05  <HTML>
06  <HEAD>
07  <TITLE>设定表格的背景图像-www.web2bar.cn</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 Background=10-8.jpg>
12  <TR>
13  <TD>网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

以上例子代码的第11行定义了表格的背景图象为10-8.JPG