Firefox的css边框宽度上的TD元素

我不能让边框宽度为3px纯绿色的Firefox，即使它在Chrome中工作。我怎样才能解决这个问题？我的代码如下。Firefox的css边框宽度上的TD元素

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> 
<html> 
     <head> 
       <style> 
          td {border: 3px solid green; background:blue;} 
       </style> 
     </head> 
     <body> 
       <table> 
         <tr> 
           <td></td> 
           <td></td> 
           <td></td> 
         </tr> 
         <tr> 
           <td></td> 
           <td></td> 
           <td></td> 
         </tr> 
         <tr> 
           <td></td> 
           <td></td> 
           <td></td> 
         </tr> 
       </table> 
     </body> 
</html>

来源

2012-09-27 John

它的工作 - http://jsfiddle.net/avcfp/ –

感谢，边界崩溃为t他回答。 – John

为了消除空间，避免了细胞之间的双边框你要崩溃了他们，如：

table { 
    border-collapse: collapse; 
}

DEMO

而且这是一个好主意，用某种形式的CSS差异消除，其中可以为您节省大量的时间，并避免的情况是这样 - Normalize CSS或CSS Reset

来源

2012-09-27 15:36:45

这里是的jsfiddle（http://jsfiddle.net/jw5Gg/1/）我添加了补给它一些空间。但真的有你刚才需要的边界内容。我希望这有助于。

来源

2012-09-27 14:41:47

Firefox的css边框宽度上的TD元素

回答

相关问题