4-网页中的表格设计详解.ppt

单元格设计-列宽与文字对齐 示例代码如下： html headtitle表格的标题与位置示例/title/head body h4 这个表格有标题：/h4 table border=2 align = center caption align = left valign =top -- 男女学生统计表 -- /caption tr th width = 150 --- /th th width = 100计算机系/th th width = 100数学系/th th width = 100外语系/th /tr tr height=30 bordercolor=red th 男生/th td align=left102/td td align=center 90/td td align=right68/td /tr tr height=50 bgcolor=yellow th 女生/th td valign = top21/td td valign = center43/td td valign = bottom114/td /tr /table /body /html td bordercolor = 颜色值 本单元格边框颜色 th bgcolor = 颜色值 本单元格背景颜色 th background = URL 本单元格背景图案 例： 单元格设计-边框与背景 单元格 背景图案 单元格 灰背景色 兰色边框 单元格设计-边框与背景 示例代码如下： html headtitle表格的标题与位置示例/title/head body h4 这个表格有标题：/h4 table border=2 align = center caption align = left valign =top -- 男女学生统计表 -- /caption tr th width = 150 --- /th th width = 100计算机系/th th width = 100数学系/th th width = 100外语系/th /tr tr height=30 bordercolor=red th 男生/th td align=left102/td td align=center bordercolor=blue 90/td td align=right68/td /tr tr height=50 bgcolor=yellow th background=3.jpg女生/th td valign = top21/td td valign = center43/td td valign = bottom bgcolor=gray114/td /tr /table /body /html td rowspan = 跨行数 本单元格所跨行数，默认值为1 td colspan = 跨列数 本单元格所跨列数，默认值为1 例： 单元格设计- 跨行跨列 跨两列 跨两行 单元格设计- 跨行跨列 跨行跨列属性示例代码如下： html headtitle跨行跨列属性示例/title/head body h4用colpsan属性，设置包含多列的单元格：/h4 table border=2 bordercolor = blue width=300 tr th姓名/th th colspan=2联系方式/th /tr tr tdBill Gates/td td555 77 854/td td555 77 855/td /tr /table 单元格设计- 跨行跨列 h4用rowspan属性，设置包含多行的单元格：/h4 table border=2 bordercolor = blue width=300 tr th姓名/th tdBill Gates/td /tr tr th rowspan=2联系方式/th td555 77 854/td /tr tr td555 77 855/td /tr /table /body /html 表格单元格