在網(wǎng)頁設(shè)計的后臺代碼中你經(jīng)常會遇到tr，td，那么你對CSS表格中tr ，td的用法是否了解，這里就和大家分享一下，希望對你的學(xué)習(xí)有所幫助。

CSS表格tr td用法

TR TD用法

1.table標(biāo)記用來定義一個表格。

2.tr標(biāo)記用來定義一個表格的內(nèi)容行。

3.td標(biāo)記用來定義一個表格的單元格(另有th用于定義標(biāo)題單元格)。

示例代碼:

<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兼容性解決十大技巧