td元素上的Firefox css边框宽度_Css_Firefox_Html Table

td元素上的Firefox css边框宽度

css firefox

td元素上的Firefox css边框宽度,css,firefox,html-table,Css,Firefox,Html Table,在firefox中，我无法将边框宽度设置为3倍纯绿，即使它在Chrome中工作。我怎样才能解决这个问题？我的代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <style>

在firefox中，我无法将边框宽度设置为3倍纯绿，即使它在Chrome中工作。我怎样才能解决这个问题？我的代码如下

<!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>


td{边框：3px纯绿色；背景：蓝色；}

这是JSFIDLE(http://jsfiddle.net/jw5Gg/1/)我添加了填充物以给它一些空间。但实际上它有一个边界，你只需要内容。我希望这有帮助。

要消除单元格之间的空格并避免单元格之间的双重边界，您必须折叠它们，如：

table {
    border-collapse: collapse;
}

另外，使用某种CSS差异消除器也是一个好主意，它可以为您节省大量时间，并有助于避免类似情况-或

它正在工作-谢谢，边界崩溃就是答案。