Как удалить маркер 1px из td элементов?

Question

Существует 1px маржа/обивка вокруг моих td элементов:

td { 
    margin: 0; 
    padding: 0; 
    background-color: blue; 
} 

Как удалить это?

Answer 1

У вас есть что-то, что выглядит следующим образом:

td { 
 
    width: 10px; 
 
    height: 10px; 
 
    background: blue; 
 
}

<table> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table>

Добавить CSS на страницу:

table, td { 
    border-collapse: collapse; 
} 

Как так:

table, td { 
 
    border-collapse: collapse; 
 
} 
 
td { 
 
    width: 10px; 
 
    height: 10px; 
 
    background: blue; 
 
}

<table> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table>

Answer 2

Пожалуйста, попробуйте это.

<table border="1" style="border-spacing: 0;border-collapse: collapse;"> 
    <tr> 
     <td>test</td> 
     <td>test</td> 
    <tr> 
    <tr> 
     <td>test</td> 
     <td>test</td> 
    <tr> 
    </table> 

Надеюсь, это поможет.

Благодаря