📄 6-3-3.cfm.htm
字号:
<html>
<head>
<title>控制表格及其表项的对齐方式</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">在表格中加入颜色和图象</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">根据HTML 3.2规范，表格不具有任何颜色属性。然而，值得庆幸的是Netscape和Microsoft都扩展了HTML来让表格具有自己的背景色，两种浏览器都能识别<TABLE>标识符的BGCOLOR属性。</p>
<p ALIGN="JUSTIFY">你可以使用颜色名或RGB值来设定BGCOLOR的值，下面的例子说明了这个属性的用法：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD> <TITLE> Table Color </TITLE> </HEAD></p>
<p ALIGN="JUSTIFY"><BODY BGCOLOR=“white”></p>
<p ALIGN="JUSTIFY"><CENTER></p>
<p ALIGN="JUSTIFY"><TABLE BGCOLOR=“lightblue” CELLPADDING=10></p>
<p ALIGN="JUSTIFY"><TR></p>
<p ALIGN="JUSTIFY"><TD> I have a blue background </TD></p>
<p ALIGN="JUSTIFY"></TR></p>
<p ALIGN="JUSTIFY"></TABLE></p>
<p ALIGN="JUSTIFY"></CENTER></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个例子中的文字在浏览器上显示时，它处于一个浅蓝色的框中，这对于突出主页上主体文字中某些特定的文本是很有用的。例如，你可以使用这种方法来突出一个引用、标题或是网页上一个简短的注释。</p>
<p ALIGN="JUSTIFY">你也可以为表格中某一行甚至是某一个表项使用BGCOLOR属性。例如，可以用不同的颜色来区分表格中不同列的数据。</p>
<p ALIGN="JUSTIFY">BGCOLOR属性的一个更令人兴奋的用处可能是设置你网页的整体颜色，如果你将表格的宽度设为屏幕的宽度，你可以建立一个具有多列的网页，而每一列都具有不同的颜色。下面的例子建立了一个有两列不同颜色的网页：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD> <TITLE> Two Color Columns </TITLE>
</HEAD></p>
<p ALIGN="JUSTIFY"><BODY BGCOLOR=“white”></p>
<p ALIGN="JUSTIFY"><CENTER></p>
<p ALIGN="JUSTIFY"><TABLE WIDTH=“100%” HEIGHT=“100%”></p>
<p ALIGN="JUSTIFY"><TR></p>
<p ALIGN="JUSTIFY"><TD BGCOLOR=“Olive” ALIGN=“center”> I have a olive
background </TD></p>
<p ALIGN="JUSTIFY"><TD BGCOLOR=“Aqua” ALIGN=“center”> I have a aqua
background </TD></p>
<p ALIGN="JUSTIFY"></TR></p>
<p ALIGN="JUSTIFY"></TABLE></p>
<p ALIGN="JUSTIFY"></CENTER></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">Netscape和Microsoft的浏览器都允许你为表格设定背景图片（见图6.21），你可以通过<TABLE>标识符的BACKGROUND属性来指定一幅图象：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD> <TITLE> Two Color Columns </TITLE>
</HEAD></p>
<p ALIGN="JUSTIFY"><BODY BGCOLOR=“white”></p>
<p ALIGN="JUSTIFY"><CENTER></p>
<p ALIGN="JUSTIFY"><TABLE WIDTH=“50%” HEIGHT=“100%” BACKGROUND=“myimage.gif”></p>
<p ALIGN="JUSTIFY"><TR></p>
<p ALIGN="JUSTIFY"><TD ALIGN=“center”> I have a checkered background </TD></p>
<p ALIGN="JUSTIFY"></TR></p>
<p ALIGN="JUSTIFY"></TABLE></p>
<p ALIGN="JUSTIFY"></CENTER></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">Netscape Navigator 4.0和Internet Explorer 3.0及4.0还允许你在表格的某一行或某个表项使用BACKGROUND属性，通过为不同的表项使用不同的背景图象，你可以建立一个可视性非常强的网页。</p>
<p ALIGN="JUSTIFY"><img SRC="Image54.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image54.gif" WIDTH="590" HEIGHT="409"></p>
<b>
<p ALIGN="CENTER">图6.21 使用背景图象的表格</p>
</b></font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -