表格5889314057.ppt

表格案例1 表格案例1 表格案例2 案例3：表格 5.4 行文字的水平对齐方式——align 表格中也可以为单独的一行设置特殊的对齐方式。 语法： tr align=“水平对齐方式”……/tr 其中，水平对齐方式的值包括left、center和right。 实例：6-18 align.html 5.5 行文字的垂直对齐方式——valign 为单独的一行设置特殊的对齐方式。 语法： tr valign=“垂直对齐方式”……/tr 其中，垂直对齐方式的值包括top、middle和bottom。 实例：6-19 valign.html 5.6 表格标题的垂直对齐方式——valign 表格标题是一种特殊的行，这种行没有边框，但是依然可以设置对齐方式。 水平对齐方式的设置和其他行相同，通过align属性来设置。 垂直对齐方式同样使用valign属性来设置，但不同的是，标题的垂直对齐是指标题位于表格的上方或下方。 语法：caption valign=“垂直对齐方式”表格的标题/caption 其中垂直对齐方式的值是top或bottom，分别表示标题位于表格的上方和下方。 实例：6-20 caption-valign.html 6.调整单元格属性 表格中的另外一种元素就是单元格，单元格的属性标记和行标记非常相似。 单元格td标记的常用属性 td的属性 含义 bordercolor 单元格边框的颜色，该属性仅IE支持 bgcolor 单元格的背景色 background 单元格的背景图像 align、valign 单元格里的内容的水平或垂直对齐方式 colspan、rowspan 合并同一列相邻的几个单元格、 合并同一行的几个单元格 width、height 单元格的宽和高 nowrap 单元格内文字内容不换行 bordercolordark、bordercolorlight 单元格的边框暗部分和明亮部分的效果 6.1 单元格大小——width、height 默认情况下，单元格的大小会根据内容自动调整，但也可以进行手动调整。 语法： td width=“单元格宽度” height=“单元格高度”……/td 单元格宽度和高度的单位是像素，而对一个单元格的设置往往会影响多个单元格。例如设置了第1行第1个单元格的宽度，其他行的第1个单元格宽度也会随之变化。 实例：6-21 width、height.html 6.2 水平跨度——colspan 单元格的水平跨度是指在复杂的表格结构中，有些单元格是跨多个列的。 语法： td colspan=“跨的列数”……/td 跨的列数就是指当前单元格向右打通的单元格个数。 实例：6-22 colspan.html 6.3 垂直跨度——rowspan 还可以设置在单元格在垂直方向上跨的行数。 语法： td rowspan=“跨的行数”……/td 跨的行数就是指当前单元格向下打通的单元格个数。 实例：6-23 rowspan.html 6.4 对齐方式——align、valign 单元格的对齐方式设置与行的对齐方式设置方法相似。 语法：td align=“水平对齐方式” valign=“垂直对齐方式”……/td 水平对齐方式取值：left 、center或right； 垂直对齐方式取值：top 、middle或bottom； 实例：6-24 align、valign.html 6.5 设置单元格背景色——bgcolor 可以为不同的单元格分别设置不同的背景颜色。 语法：td bgcolor=“颜色代码”……/td 实例：6-25 bgcolor.html 6.6 单元格的边框颜色——bordercolor 单独设置单元格的边框颜色。 语法：td bordercolor=“颜色代码”……/td 实例：6-26 bordercolor.html 6.7 单元格的亮边框——bordercolorlight 单元格的亮边框是指单元格向光的部分。可以单独设置亮边框的颜色。 语法： td bordercolorlight=“颜色代码”……/td 实例：6-27 bordercolorlight.html 6.8 单元格的暗边框——bordercolordark 单元格的暗边框是指单元格背光的部分。也可以单独设置暗边框的颜色。 语法： td bordercolordark=“颜色代码”……/td 实例：6-28 bordercolordark.html 6.9 单元格的背景图像——background 单元格可以设置背景为图像格式。 语法： td background=“背景图片的地址”……/td 实例：6-29 background.html 6.10 文字内容不换行——nowrap 当表格没有定义宽度时，整