0

HTMLテーブルセル内にdivがありますが、セル全体を埋めることができません。

<body style="background-color: ButtonFace;">
        <form id="form1" runat="server">
            <table border="1" style="border-collapse:collapse; border-color:Red;">
                <tr>
                    <td>
                        <div style="border:solid 1px green;background-color: Yellow;">
                            test
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </body>

（灰色の）背景が透けて見える隙間があります。

ここに画像の説明を入力してください

簡単に取り外せると思いますが、どうすればいいのかわかりません。

4

3 に答える 3

1

お申し込みください

padding:0;

にtd

またはあなたは使用しようとするかもしれません

border-spacing
于 2012-08-16T15:02:39.313 に答える
1

TDにはパディング0を設定する必要があります

 <body style="background-color: ButtonFace;">
            <form id="form1" runat="server">
                <table border="1" style="border-collapse:collapse; border-color:Red;">
                    <tr>
                        <td style="padding:0px"> <-- Change
                            <div style="border:solid 1px green;background-color: Yellow;">
                                test
                            </div>
                        </td>
                    </tr>
                </table>
            </form>
        </body>
于 2012-08-16T15:07:52.880 に答える
1

テーブルに「cellpadding」を追加して「0」に設定する必要があります

<body style="background-color: ButtonFace;">
    <form id="form1" runat="server">
        <table cellpadding="0" border="1" style="border-collapse:collapse; border-color:Red;">
            <tr>
                <td >
                    <div style="border:solid 1px green;background-color: Yellow;">
                        test
                    </div>
                </td>
            </tr>
        </table>
    </form>
</body>

-ニック

于 2012-08-16T15:08:38.910 に答える