CSS table表格中tr、td用法

在网页设计的后台代码中你经常会遇到tr，td，那么你对CSS表格中tr ，td的用法是否了解，这里就和大家分享一下，希望对你的学习有所帮助。

CSS表格tr td用法

TR TD用法

1.table标记用来定义一个表格。

2.tr标记用来定义一个表格的内容行。

3.td标记用来定义一个表格的单元格(另有th用于定义标题单元格)。

示例代码:

<tableclasstableclass="style"> 
<trclasstrclass="style1"> 
<tdclasstdclass="style2">一行一列</td> 
<td>一行二列</td> 
<td>一行三列</td> 
</tr> 
<tr> 
<td>二行一列</td> 
<td>二行二列</td> 
<td>二行三列</td> 
</tr> 
</table> 

可以把tabletrtd的样式写在外面如：

.biaogetable{}  
.biaogetabletr{}  
.biaogetabletd{}  
 
示例代码  
 
<divclassdivclass="biaoge"><table> 
<tr> 
<td>一行一列</td> 
<td>一行二列</td> 
<td>一行三列</td> 
</tr> 
<tr> 
<td>二行一列</td> 
<td>二行二列</td> 
<td>二行三列</td> 
</tr> 
</table> 
</div> 
 

【编辑推荐】

1. CSS元素水平居中行之有效的办法
2. CSS border属性边框用法揭秘
3. CSS样式表高效使用八大秘诀
4. CSS overflow溢出属性
5. IE6中常见CSS兼容性解决十大技巧