简单快捷   随心所欲   企业建站首选YulinCMS

表格细边框实现方法
时间:2009年11月25日
来源:YulinCMS.com
阅读次数:
<div>
    普通Table:
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="width: 628px">
    
<tr>
        
<td style="width: 518px">
            细
</td>
        
<td style="width: 565px">
            表
</td>
    
</tr>
    
<tr>
        
<td style="width: 518px">
            线
</td>
        
<td style="width: 565px">
            格
</td>
    
</tr>
    
<tr>
        
<td style="width: 518px">
            123456
        
</td>
        
<td style="width: 565px">
             123456
        
</td>
    
</tr>
</table>

细边框表格1:
<table border="1" bordercolor="#000000" style="border-collapse: collapse" cellpadding="0" cellspacing="0" >
    
<tr>
        
<td style="width: 298px">
            细
</td>
        
<td style="width: 331px">
            表
</td>
    
</tr>
    
<tr>
        
<td style="width: 298px">
            线
</td>
        
<td style="width: 331px">
            格
</td>
    
</tr>
    
<tr>
        
<td style="width: 298px">
            123456
        
</td>
        
<td style="width: 331px">
             123456
        
</td>
    
</tr>
</table>

细边框表格2:
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
    
<tr bgcolor="#FFFFFF">
        
<td style="width: 298px">
            细
</td>
        
<td style="width: 336px">
            表
</td>
    
</tr>
    
<tr bgcolor="#FFFFFF">
        
<td style="width: 298px">
            线
</td>
        
<td style="width: 336px">
            格
&nbsp;</td>
    
</tr>
    
<tr bgcolor="#FFFFFF">
        
<td style="width: 298px">
            123456
        
</td>
        
<td style="width: 336px">
             123456
        
</td>
    
</tr>
</table>

细边框表格3:
<table cellspacing="0" cellpadding="0" style="width: 638px">
<tr align="center">
<td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 276px;"></td>
<td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 306px;"></td>
</tr>
<tr align="center">
<td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 276px;">线</td>
<td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 306px;"></td>
</tr>
</table>
    
</div>


Powered by YulinCMS