HTML табличное пространство между ячейками, но не от левой и правой границ таблицы

В моем HTML у меня есть таблица с интервалом границы, установленным в 2px. Можно ли удалить это пространство между первым столбцом и левой границей моей таблицы? И конечно же сделать то же самое с последней ячейкой и правой границей таблицы? Вот мой HTML и CSS

table{
    table-layout: fixed ;
    width:100%;
    min-width:1024px;
    padding:0px;
    margin:0px;
    border-spacing:2px; 
}
<table>
 <tr>
  <td style='background-color:#f63; border-left:none;'>
   cell1
  </td>
  <td style='background-color:#f93;'>
   cell2
  </td>
  <td style='background-color:#f33; border-right:none;'>
   cell3
  </td>
 </tr>
</table>

2 ответа

Лукас прав.

/* This will remove all spacings from your page */

* {
  margin: 0;
  padding: 0;
}

Во-первых, вы должны добавить следующее в верхней части таблицы стилей, чтобы удалить пробел:

* {
    margin: 0;
    padding: 0;
}

Затем добавьте width: 100%; к селектору таблицы, это расширит ваши столбцы, поэтому на границах не останется пустого пространства.

Другие вопросы по тегам