CSS 表格属性

html-css09

CSS 表格属性,第1张

CSS表格属性用于设置HTML表格的样式，HTML表格由 <table></table> 标签嵌套 <tbody>， <tr>， <td>等标签组成，一个HTML表格默认至少包含table，tbody，tr，td四个元素。

CSS表格属性：

显示表格边框有时候特别重要，它能让表格结构更清晰。

默认的表格有双边框，这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

用div模拟表格而已：

<body> 

<dividdivid="wrapper"> 

<dividdivid="header"></div> 

<dividdivid="main"> 

<dividdivid="nav"> 

?navigationcolumncontent…  

</div> 

<dividdivid="extras"> 

?newsheadlinescolumncontent…  

</div> 

<dividdivid="content"> 

?mainarticlecontent…  

</div> 

</div> 

</div> 

</body>

css样式

#main{  

display:table  

border-collapse:collapse  

}  

 

#nav{  

display:table-cell  

width:180px  

background-color:#e7dbcd  

}  

 

#extras{  

display:table-cell  

width:180px  

padding-left:10px  

border-right:1pxdotted#d7ad7b  

}  

 

#content{  

display:table-cell  

width:380px  

padding-left:10px  

}