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等不建议使用

 

转载于:https://www.cnblogs.com/YzpJason/p/7058754.html