html - 向表格的中间列添加间距

Question

我正在尝试创建一个电子邮件模板，我将在其中显示一个包含 3 个图标的网格。 1 行，每行 3 个图标。

目前我有以下标记:

<table bgcolor="red" width="600" cellspacing="0" cellpadding="0" border="0" class="outerContainer">
<tr>
   <td>
       <table bgcolor="yellow" width="100%" cellspacing="0" cellpadding="0" border="0">
           <tr>
               <td bgcolor="green" align="center">
                    <table cellspacing="0" cellpadding="10" border="0">
                        <tr>
                            <td>
                                ICON 1
                            </td>
                        </tr>
                    </table>
               </td>
               <td bgcolor="green" align="center">
                    <table cellspacing="20" cellpadding="10" border="0">
                        <tr>
                            <td>
                                ICON 2
                            </td>
                        </tr>
                    </table>
               </td>
               <td bgcolor="green" align="center">
                   <table cellspacing="0" cellpadding="10" border="0">
                        <tr>
                            <td>
                                ICON 3
                            </td>
                        </tr>
                    </table>
               </td>
           </tr>
       </table>
   </td> 
</tr>

但是，我正在努力......我想做的只是增加中间容器的间距，并让外部容器接触边缘。我一直在试验 cellspacing，但每次我使用它时，它都会增加所有单元格周围的间距。

因此 ICON 2 的左右两侧会有间距，但其他的将保持不变。希望这是有道理的!

谁能建议实现这一目标的最佳方法？

Answer 1

澄清一下，这是您要实现的目标吗:

可能只是没有底部的黄色部分。