图像边框在Outlook中不可见,即使我尝试了它周围的div

时间:2017-10-24 07:46:15

标签: html5

这是我的代码请帮我解决邮件黑猩猩的问题



<tr>
  <td style="font-family:Georgia, Times, serif;font-weight:normal;color:#959595;padding-bottom:20px;padding-top:3px;padding-left:20px;line-height:20px;padding-right:24px;" bgcolor="#ffffff">
    <p align="center">
      <a href="https://www.youtube.com/watch?v=sjyU4EMsjzo&amp;t=3s" target="">
        <div style="border:3px solid #000000;"><img border-color="#000000" style="BORDER-TOP:  black 3px solid;color:#959595; HEIGHT: 175px; BORDER-RIGHT: black 3px solid; WIDTH: 288px; BORDER-BOTTOM: black 3px solid; BORDER-LEFT: black 3px solid" border="3" hspace="0" alt="" src="https://gallery.mailchimp.com/9dd806f6696c31d8fe4e2409d/images/a22921ab-2337-4b3c-8c7e-1c7c2633c13c.jpg"
            width="288" height="175"></div>
      </a>
      <font color="#959595" size="6">

        <a href="https://www.youtube.com/watch?v=WMlq9AqFYdA" target="">
          <div style="border:3px solid #000000;"><img border-color="#000000" style="BORDER-TOP: black 3px solid;  HEIGHT: 177px; BORDER-RIGHT: black 3px solid; WIDTH: 283px; BORDER-BOTTOM: black 3px solid; BORDER-LEFT: black 3px solid" border="3" hspace="0" alt="" src="https://gallery.mailchimp.com/9dd806f6696c31d8fe4e2409d/images/091d16c0-1b98-47e5-bb3e-c7ebc38b3d2c.jpg"
              width="283" height="177"></div>
        </a>
      </font>
    </p>
    <p style="font-size:15px;font-family:Calibri, Candara, Segoe, Optima, Arial, sans-serif;text-align:justify;" align="center">Just take a look at How it Works video below and see for yourself how easy and simple it really is. And see what some of our Service Providers have to say about Fixonclick and how it's helped them
    </p>
  </td>
</tr>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

Outlook更喜欢忽略CSS,不知道为什么,但很可能您需要为<td>定义宽度。

  

我不知道您的图片嵌入的代码,但有时是边框   没有显示,因为周围的元素占用了它的空间。   Outlook 2007/10/13喜欢定义宽度 - 否则它   以自己的方式解释宽度。

     

来源:   https://litmus.com/community/discussions/143-margins-and-borders-in-outlook