打印本文   关闭窗口

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

作者：陈鹏  文章来源：eNet  点击数  更新时间：2009/9/12 9:02:24  文章录入：陈鹏  责任编辑：陈鹏

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

打印本文   关闭窗口