2017-01-12 5 views
-1

私は異なる色を持つ2行を持つテーブルを作成しています。行間に隙間があるように見えますが、ギャップを埋めるためにどうしたらいいですか?私は電子メール(phpmailerの)を介してこれを送信することだし、すべてのテキストはHTMLのみになります(+ CSSを使用した)ので、私は、CSS <style>を使用する必要がギャップの間に<tr>

<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> 

enter image description here

+1

try 'table { border-collapse:collapse; border-spacing:0; } '。 –

+0

@Suchit border-spacingはトリックをしました、ありがとう:) –

答えて

0

することができます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>

を試してみてください
関連する問題