0

私のコードは次のとおりです。

<table border="0">
    <tbody>
        <tr style="border: none;">
            <td colspan="12" align="center">2012</td>
            <td colspan="12" align="center">2013</td>
        </tr>
        <tr>
            <td align="center" style="width: 31px;border: none;">Ene</td>
            <td align="center" style="width: 29px;border: none;">Feb</td>
            <td align="center" style="width: 31px">Mar</td>
            <td align="center" style="width: 30px">Abr</td>
            <td align="center" style="width: 31px">May</td>
            <td align="center" style="width: 30px">Jun</td>
            <td align="center" style="width: 31px">Jul</td>
            <td align="center" style="width: 31px">Ago</td>
            <td align="center" style="width: 30px">Sep</td>
            <td align="center" style="width: 31px">Oct</td>
            <td align="center" style="width: 30px">Nov</td>
            <td align="center" style="width: 31px">Dic</td>
            <td align="center" style="width: 31px">Ene</td>
            <td align="center" style="width: 28px">Feb</td>
            <td align="center" style="width: 31px">Mar</td>
            <td align="center" style="width: 30px">Abr</td>
            <td align="center" style="width: 31px">May</td>
            <td align="center" style="width: 30px">Jun</td>
            <td align="center" style="width: 31px">Jul</td>
            <td align="center" style="width: 31px">Ago</td>
            <td align="center" style="width: 30px">Sep</td>
            <td align="center" style="width: 31px">Oct</td>
            <td align="center" style="width: 30px">Nov</td>
            <td align="center" style="width: 31px">Dic</td>
        </tr>
        <tr>
            <td style="background-color: #000;border: none;">&nbsp;</td>
            <td style="background-color: #000;border: none;">&nbsp;</td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/GWj3w/2/

ご覧のとおり、テーブルの境界線を 0 に設定し、tr タグと td タグのスタイルを border: none に設定しましたが、セル間に白い線が表示されます。

* {
    border: none;
    padding: 0;
    margin: 0;
}

この境界線を削除するにはどうすればよいですか??

ありがとう！！

4

2 に答える 2

3

どちらかを使用してスペースを削除できます (注: 2 つにはわずかな違いがあります) 。

border-spacing: 0;またはborder-collapse: collapse;テーブルの上。

例: http://jsfiddle.net/GWj3w/1/

于 2013-10-23T21:21:52.127 に答える
1

簡単修正！テーブル要素で cellpadding と cellspacing を 0 に設定します。境界線の調整はすべて混乱を招く可能性があり、境界線の調整を制御する必要はありません<tr>。複雑にしないでおく ：）

于 2013-10-23T21:26:00.577 に答える