0

我无法在 Firefox 中将边框宽度设为 3px 纯绿色,即使它在 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> 
4

2 回答 2

1

要消除空格并避免单元格之间的双边框,您必须折叠它们,例如:

table {
    border-collapse: collapse;
}

演示

使用某种 CSS 差异消除器也是一个好主意,它可以为您节省大量时间并有助于避免此类情况 -规范化 CSSCSS 重置

于 2012-09-27T15:36:45.290 回答
0

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

于 2012-09-27T14:41:47.753 回答