0

Chromeで動作していても、Firefoxで境界線の幅を3pxの実線の緑にすることはできません。どうすればこれを修正できますか? 私のコードは以下です。

<!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 不一致除去ツールを使用することをお勧めします。これにより、多くの時間を節約でき、次のような状況を回避するのに役立ちます - CSS の正規化またはCSS リセット

于 2012-09-27T15:36:45.290 に答える
0

ここに jsfiddle (http://jsfiddle.net/jw5Gg/1/) があります。スペースを確保するためにパディングを追加しました。しかし、実際にはコンテンツが必要な境界線がありました。これが役に立ったことを願っています。

于 2012-09-27T14:41:47.753 に答える