Как убрать все границы в таблице?

Question

Как убрать все границы в таблице?

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;
    padding: 0;
    margin: 0;
}

Как я могу удалить эту границу?

Благодарю!!

Jose Antonio Galeano 23 окт. 2013, в 23:54

Источник

2

Это не границы, это пробелы.
James Montagne 23 окт. 2013, в 21:21

Теги:

html

css

2 ответа

1

Легко исправить! установите cellpadding и cellspacing на 0 в элементе таблицы. Все настройки границы могут сбивать с толку, плюс вам не нужно управлять настройками границы <tr>. будь проще :)

klewis 23 окт. 2013, в 19:24

1

В частности, именно cellspacing=0 (более надежная альтернатива, чем использование CSS, но многие его не одобряют в принципе) устраняет пробел, который не является границей. Вопрос не имеет ничего общего с настройками границ (по умолчанию таблицы не имеют границ).
Jukka K. Korpela 23 окт. 2013, в 21:53
0

Правильно, его удаление пространства не границы.
klewis 24 окт. 2013, в 12:55

Ещё вопросы

В частности, именно cellspacing=0 (более надежная альтернатива, чем использование CSS, но многие его не одобряют в принципе) устраняет пробел, который не является границей. Вопрос не имеет ничего общего с настройками границ (по умолчанию таблицы не имеют границ).
Правильно, его удаление пространства не границы.

Adrift · Accepted Answer · 2013-10-23T20-08-00.000Z

Вы можете удалить пробелы, используя либо (обратите внимание: есть небольшая разница между ними)

border-spacing: 0; или border-collapse: collapse; на столе.

Пример: http://jsfiddle.net/GWj3w/1/

@ antonioj1015 Если вы нашли это полезным, обязательно примите это