表格中的图像空间问题

Question

我正面临着桌面图像周围空白区域的问题。

我的代码：

<table style="font-size: 18px; width: 60%; color: #ffffff;  margin: 0 auto; border-collapse: collapse; cellspacing=0px;">
                        <tr>
                            <td style="width:22px; height:22px;"><img src="img/top_left_corner.png"/></td>
                            <td style="background-color:#00385e;"></td>
                            <td><img src="img/top_right_corner.png"/></td>
                        </tr>
                        <tr>
                            <td style="background-color:#00385e;"></td>
                            <td style="background-color:#00385e;">
                                Please join us on Thursday 15th May to celebrate Global Accessibility Awareness Day and to find out more about the importance of web accessibility.</br></br>
                                <b>Location: </b> Manyata Tech Park - G2 4th Floor - Board Room</br>
                                <b>Date: </b> 15th May 2014 (Thursday)</br>
                                <b>Time: </b> 3pm to 4pm</br>
                            </td>
                            <td style="background-color:#00385e;"></td>
                        </tr>
                        <tr>
                            <td><img src="img/bottom_left_corner.png"/></td>
                            <td style="background-color:#00385e;"></td>
                            <td><img src="img/bottom_right_corner.png"/></td>
                        </tr>
                    </table>

该表看起来像：

---

我该如何解决这个问题？

Answer 1

将padding:0提供给所有tds

table td{
  padding:0;
}

希望这能完成这项工作！

Answer 2

将此添加到css：

img{
   display:block;
}