电子邮件新闻信背景图片和圆角 [英] Email NewsLetter Background image and rounded corner

问题描述

我正在编码Email Templates.给我的要转换为电子邮件模板的PSD具有rounded corners和一些background images.
使用背景图像和图像制作圆角表是否很好，还是应该使用css与background images一起使rounded corners.

i am coding Email Templates . Psd given to me that is to be converted to email template is having rounded corners and some background images .
Is it good to use background image and images to make rounded corners table or should i use css to make rounded corners along with background images .

推荐答案

在角落使用图像.您将无法获得边界半径以在所有客户端上正常工作.最好使用10x10透明.png.我没有制作圆角图像，但是您应该通过以下示例来了解这一点:

Use images for your corners. You won't get border-radius to work properly across all clients. A 10x10 transparent .png is the best option. I didn't make the rounded corner images but you should get the idea with this example:

<table width="320" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#959595">
  <tr>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>
    <td width="100" height="10">
    </td>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>    
  </tr>
  <tr>
    <td width="10">
    </td>
    <td width="300">
      Here is your content<br>...<br>...<br>...
    </td>
    <td width="10">
    </td>    
  </tr>
    <tr>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>
    <td width="100" height="10">
    </td>
    <td width="10" height="10" bgcolor="#ffffff">
      <img src="" style="display:block;">
    </td>    
  </tr>
</table>

这篇关于电子邮件新闻信背景图片和圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！