Как удалить границу в таблице

У меня есть таблица, первая строка похожа на

<tr>
<th>1</th>
<th>2</th>
</tr>

Я помещаю черный фон в "th". Теперь у 1 и 2 ячеек есть какая-то граница между ними/их разделение... Я посмотрел в исходный код, и я думаю, что нашел что-то:

border-collapse: separate;
border-spacing: 2px;

Этот код CSS указан в исходном коде как "таблица стилей пользовательского агента", и я не мог включить/отключить его для проверки, если это проблема, но я попытался и добавил тот же код, но с "none" и "0", но это не помогло ни...

Может ли кто-нибудь помочь и направить меня туда, где находится граница?

Ответы

Ответ 1

Ваша таблица будет как ниже по умолчанию и задайте правила css для идентификатора таблиц или класса

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th>1</th>
  <th>2</th>
</tr>
</table>

css:

border-collapse: collapse;

Ответ 2

Установите правило CSS в своей таблице:

table {
    border-collapse: collapse;
}

Вы можете посетить этот пример jsFiddle и переключить свойство border-collapse из свернуть в отдельное, чтобы увидеть, как это изменяет расположение таблицы. Свойство border-collapse может быть только скомбинировано, разделено или унаследовано.

Ответ 3

border-collapse: none недействителен. Попробуйте border-collapse: collapse.

Ответ 4

вы можете использовать крах. Свойство border-collapse устанавливает, сбрасываются ли границы таблицы в одну границу или отделяются, как в стандартном HTML.

Из http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm:

В модели с овальной границей CSS2 предусматривается разрешение случаев, когда границы, указанные для соседних ячеек, различаются и конфликтуют:

  • Если у какой-либо общей границы есть компонент, где для параметра "граница" установлено значение "hidden" для ЛЮБОГО из участников совместного доступа, общая граница должна быть безоговорочно установлена ​​на "hidden" .

  • Если какая-либо общая граница имеет компонент, где "border" установлен в "none", его можно переопределить любым другим членом совместного доступа к границе, несущим значение свойства renderable border.

  • Если все участники разделения границ задают значение "none" для компонента границы, только тогда граница будет установлена ​​на "none".

  • Если общая граница имеет конфликт "border-width" (без компонента, имеющего значение "border" "hidden" , конечно, должна отображаться самая большая ширина границы.

  • Если общая граница имеет "конфликтный стиль", рекомендуется использовать приоритет (уменьшаясь слева направо): "double", "solid", "dashed", "dotted", "ridge", "outset", "groove", "inset."

  • Если общая граница имеет конфликт "границы цвета", следует использовать предлагаемый приоритет (уменьшаясь слева направо): ячейка таблицы, строка таблицы, группа строк, столбец, группа столбцов, таблица.

    table
  {
   border-collapse:collapse;
  }

Примечание

  • В модели рендеринга "обрушившаяся граница" значение "border-style" "inset" ведет себя как "паз", а "начало" ведет себя как "гребень".
  • CSS2 указал, что начальное значение для этого свойства было "свернуть". Поскольку Mozilla и Opera ведут себя так, что начальное значение является "отдельным", CSS2.1 теперь делает "отдельным" официальное начальное значение.

Ответ 5

Попробуйте это

table {
    border: none;
    border-spacing: 0;
}