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%;
к селектору таблицы, это расширит ваши столбцы, поэтому на границах не останется пустого пространства.