Пробел между <tr>

Question

Я создаю таблицу, которая имеет 2 ряда, которые имеют разные цвета. Кажется, что существует разрыв между строками, и я хочу закрыть промежуток, как я могу это сделать?

<table width="100%"> 
<tr> 
<td bgcolor="grey"> 
<table width="50%" style="margin:auto;"> 
<tr> 
<td bgcolor="white" align="center"> 
<img src="">Test 
</td> 
</tr> 
<tr> 
<td align="center" bgcolor="#99CB55"> 
<img width="50%" src="xxx"> 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 

мне нужно использовать CSS <style>, потому что я посылаю это через электронную почту (PHPMailer) и весь текст будет только в HTML (+ CSS, используя)

Answer 1

Вы можете попробуйте table {border-spacing: 0; }

table {border-spacing: 0; }`

<table width="100%"> 
 
<tr> 
 
<td bgcolor="grey"> 
 
<table width="50%" style="margin:auto;"> 
 
<tr> 
 
<td bgcolor="white" align="center"> 
 
<img src="">Test 
 
</td> 
 
</tr> 
 
<tr> 
 
<td align="center" bgcolor="#99CB55"> 
 
<img width="50%" src="xxx"> 
 
</td> 
 
</tr> 
 
</table> 
 
</td> 
 
</tr> 
 
</table>