DIV CSS 佈局教程網

在網頁設計的後台代碼中你經常會遇到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兼容性解決十大技巧