要更灵活地掌握表格的用法，就得更深入地学习表格标记“<table>”的属性。
1.表格边框的设置
上面例子中表格边框太难看了，可默认就是那样子。如果大家不喜欢，可以自己设置它。
在浏览器中打开这网页，其效果如图3-10所示。
控制表格的边框共有3个属性，分别是“border”“cellspacing”“cellpadding”。它们的用途见表3-2。
表3-2 表格边框的常用属性
图3-10 表格边框的设置
2.表格高宽的控制
对于表格的大小，我们也可以控制，同样要用到“height”和“width”来设定表格的高度和宽度。
在浏览器中打开这个网页，其效果如图3-11所示。
width和height两者的语法结构为<table width或height=n或m%>，n代表一个数值，单位是像素（px），m代表0～100之间的数，即表格相对于当前窗口大小的百分比。
图3-11 表格高宽的控制
3.表格相关颜色的设定
如果表格和它的边框都是灰白色那显得多无趣，下面介绍一下表格的边框颜色和背景颜色的设定。
在浏览器中打开这个网页，其效果如图3-12所示。
表格边框（包括表格外框和单元格外框）的颜色是通过“bordercolor”属性设置的，格式为<table bordercolor=颜色值>。表格的背景颜色是通过“bgcolor”属性设置的，格式为<table bgcolor=颜色值>。
图3-12 表格的颜色设置
4.表格的水平位置
我们还可以分别控制表格的水平位置，即靠左，居中以及靠右。
在浏览器中打开这个网页，其效果如图3-13所示。
在前面的学习中，我们发现“align”属性总是控制一些网页组件的水平位置，这里也同样用它来控制表格的水平位置，<table align=位置>，位置处可填写“left”“center”“right”分别来代表表格居左、居中、居右的对齐方式。
图3-13 表格的水平位置
5.表格行的控制
除了用“<table>”标记的属性设置表格样式，还可以用“<tr>”标记逐行调整表格。
在浏览器中打开这个网页，其效果如图3-14所示。
图3-14 表格行的控制
由上面可知，能单独设置每一行的高度、边框颜色以及背景颜色。关于“<tr>”标记的属性见表3-3。
表3-3 “<tr>”标记的常用属性
根据表3-3，我们也能用“align”属性控制每一行中内容的水平位置。
在浏览器中打开这个网页，其效果如图3-15所示。
图3-15 表格单行中文字的水平位置(www.xing528.com)
如果没有设置“align”属性，浏览器就以默认的对齐方式（左对齐）显示。
根据表格3-3，我们也能用“valign”属性控制每一行中内容的垂直位置。
在浏览器中打开这个网页，其效果如图3-16所示。
图3-16 表格单行中文字的垂直位置
如果没有设置“valign”属性，浏览器将以默认的对齐方式（居中）显示。
6.单元格的设置
除了用“<table>““<tr>”标记的属性，我们还可以用“<td>”标记的属性逐个调整单元格。
在浏览器中打开这个网页，其效果如图3-17所示。
图3-17 单元的外框和背景颜色
由上例可知，每一个单元格都有自己的边框及背景颜色。关于“<td>”标记的属性见表3-4。
表3-4 “<td>”标记的常用属性
当然了，我们一样可以用“align”“valign”属性控制每个单元格中内容的水平和垂直位置。
在浏览器中打开这个网页，其效果如图3-18所示。
图3-18 单元格中文字的相对位置
通过上面的例子我们可以知道，每一个单元格都可以设置其中文字的相对的位置。
7.标题标记
通常的表格都把表头着重显示，在文字中能用标题“<hx>”实现，在表格中我们一样可以。
在浏览器中打开这个网页，其效果如图3-19所示。
图3-19 标题标记
“<caption></caption>”为表格标题标记，用于建立整个表格的标题。“<th></th>”为标题（Table Head）标记。这个标记可以和“<td></td>”相互替换，但“<th></th>”是以标题（加粗强调）的形式显示单元格里的文字，并居中显示。
8.表格中单元格的合并
并非每个表格都是中规中矩的行列显示，单元格的合并技术，能把相连的单元格合并在一起。我们可以水平合并单元格，效果是合并的列变成一列。
在浏览器中打开这个网页，其效果如图3-20所示。
“站内公告”所在的单元格就是一个合并后的单元格。这是利用了“<td>”标记的“colspan”属性，它的作用是水平合并单元格，“<td colspan="n">”，n为一整数，是单元格的水平合并格数。本例中水平跨越了2个单元格，则“colspan="2"”，结果是合并了2列。
我们也可以垂直合并单元格，效果是合并的几行变成一行。
在浏览器中打开这个网页，其效果如图3-21所示。
图3-20 单元格的水平合并
图3-21 单元格的垂直合并
图3-21中的“迅腾科技图片”的内容部分所在单元格就是一个合并的单元格。这是利用了“<td>”标记的“rowspan”属性，它的作用是垂直合并单元格，“<td rowspan=n>”，n为一整数，是单元格的垂直合并数。本例中垂直跨越了4个单元格，则“rowspan=4”，结果是合并了4行。
