html中表格细边框的四种实现及其比较

第一种

使用css

 



 


 


 


 
 
 

 

 

第二种,使用ie中特有的属性,不支持除ie外的浏览器

 



 
   
 
 
   
 
 
   
 
 
 
 

 

 

第三种,整个表格的背景为黑色,每个单元格背景为白色,单无格间距为1,表格粗细为0

 


   
     
   
   
     
     
   
   
     
     
   
 
背景设置式-细边框表格
texttext
texttext

 

第四种 啥也不说了,直接代码表示(一个style="BORDER-COLLAPSE:collapse"搞定)



 


 


 

  

 
 
 

 

 

比较:

第一种和第四种支持 ie和ff但是第四种更简单一些

第三种也支持所有浏览器,但实现起来比较麻烦,很痛苦

第二种虽然实现简单但是兼容性差,只支持ie

第四种自我感觉最好用

你可能感兴趣的:(html中表格细边框的四种实现及其比较)