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元素

回答

相關問題