Невидимые границы в HTML-таблице не совсем невидимы?

Question

В приложении asp.net MVC есть несколько таблиц для разметки.Несмотря на то, что я обычно использую div для большинства вещей, в некоторых случаях таблицы имеют больше смысла, потому что они уже имеют именно тот макет, который мне нужен в этих случаях.должны быть невидимыми, если вы не укажете ширину и стиль для границ.Но они не ... Они довольно расплывчаты, да, но вокруг каждой ячейки все еще светло-голубые границы.Что это такое и как мне от них избавиться?(Забавно, но я не помню, чтобы я видел это раньше, когда использовал таблицы, что было недавно).

Я также пытался установить границу 0px для таблиц и для td, но это не таклибо не работает ...

Answer 1

CSS-свойство border-collapse используется для достижения этого эффекта. Это заставит соседние ячейки разделить одну и ту же границу. Это свойство имеет тот же конечный эффект, что и устаревший атрибут cellspacing для таблиц.

table { border-collapse: collapse; }

Answer 2

Вы можете использовать атрибут cellspacing в табличном теге

<table cellspacing='0' border='0'>

Answer 3

Вы пробовали border: none для CSS или border='0' в объявлении таблицы?

Answer 4

Та же проблема, с которой я также столкнулся, проблема наследования CSS ... может быть, вам не дали в классе проверьте наличие таблицы или таблицы td css в любом из ваших css-файлов в решении

и сделать до 0px

table 
{
  border: solid 0px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 0px #e8eef4;
}

Answer 5

Ну, оказывается, это была просто ошибка с моей стороны, селектор CSS не был достаточно точным.Я не знаю почему, но это не сработало, просто сказав td {border: none;}, мне пришлось указать таблицу tr td {border: none;}, и тогда это сработало ...