首页 > 代码库 > table详解

table详解

1.tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。 tr内是th还是td可由自己定义,th,td可存在于任一行,th与td的区别在与th字体更粗 2.定义一个table默认有border, cellspacing, cellpadding属性  border(外边框粗细)  类型:可为数字 数字字符串 带像素单位的字符串 eg: border= 5, border= "5", border= "5px",推荐使用border= "5",以免出现兼容性问题  说明:默认1像素, border为0时table边框,td边框都消失,大于0时table边框为border值,td边框为1像素,小于0时外边框1像素    cellspacing(规定单元格之间的空白)  推荐类型: eg: cellspacing= "5", cellspacing= "4%"  说明:默认2像素,cellspacing为0时td边框不会合并,会紧贴,大于0时单元格边距为设定值,小于0时为默认值   cellpadding(规定单元边沿与其内容之间的空白)  推荐类型: eg: cellpadding= "5", cellpadding= "4%"  说明:默认1像素,cellpadding为0时td内会更紧,大于0时单元格边距为设定值,小于0时为0 3.可加入captain标签为table添加标题eg:<table border="6"><caption>我的标题</caption><tr>  <td>100</td><td>300</td></tr><tr>  <td>400</td><td>600</td></tr></table> 4.可通过rowspan设置跨行,colspan设置跨列eg: <td rowspan= "2"> </td>  <td colspan= "3"></td>其他属性诸如frame,rules等不建议使用

 

table详解