给HTML中的table边框设置细边框样式

给HTML中的table边框设置细边框样式

• 博客分类： 
• HTML

 

 给table设置细边框:

Html代码  

1. .table_border{  
2.     border: solid 1px #B4B4B4;  
3.     border-collapse: collapse;     --折叠样式.  
4. }  
5. .table_border tr th{  
6.     background:url("../../images/gray/bg_table_th.gif") repeat;  
7.     padding-left:4px;  
8.     height:27px;  
9.     border: solid 1px #B4B4B4;  
10. }  
11. .table_border tr td{  
12.     height:25px;  
13.     padding:4px;  
14.     border: solid 1px #B4B4B4;  
15. }  

 

 

HTML:

Html代码  

1. <table class="table_border" width="100%" border="0" id="high_light" lang="tabRowData"  
2.          cellpadding="0" cellspacing="0">  
3.   
4.          <tr>  
5.                <td><td>  
6.          </tr>  
7. </tabl>  

 

 

 

还可以使用行内样式，使表格边框变细;

Html代码  

1. style="width: 100%; border-collapse: collapse;" cellspacing="0"  

 

转自：http://zhouhaitao.iteye.com/blog/1180789