html table边框 1像素边框 内嵌table边框重合

一、1像素table边框

方法一:

使用border-collapse: collapse方法把多重合的粗边框合并。不过border-collapse方法在FireFox,IE6,IE7和打印功能可能会出现一些小bug,使用时应注意。


方法二:

控制每条外边框的显示,使每条边框都不重合,从而没有粗边框。


方法三:

使用该方法还需要设置table的cellspacing="1",浏览器不同cellspacing的数值可能需要改成2或者3才能显示出来。通过设定表格背景色和间距来显示1像素边框的样子。

table代码如下:


   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
wwwwww
wwwwww
wwwwww

二、table里内嵌table边框重合



   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
wwwwww

   
   
   
   
   
   
   
   
   
   
wwww
wwww

   
wwww
wwwwww

你可能感兴趣的:(css,前端)