Html 如何在邮件中显示方框阴影

Html 如何在邮件中显示方框阴影,html,css,Html,Css,我想用html代码创建我自己的邮件 现在我已经编写了以下代码 <table style="margin:auto;box-shadow:0 0 11px #090909"> </table> 属性正常工作,但boxshadow的效果在gmail和yahoo中不起作用,但在其他公司域中正常工作 <table style="margin:auto;box-shadow:0 0 11px #090909;"> 你忘了加;如果这是问题所在,请检查它。在没有

我想用html代码创建我自己的邮件

现在我已经编写了以下代码

<table style="margin:auto;box-shadow:0 0 11px #090909">
</table>

属性正常工作,但boxshadow的效果在gmail和yahoo中不起作用,但在其他公司域中正常工作


<table style="margin:auto;box-shadow:0 0 11px #090909;">


你忘了加;如果这是问题所在,请检查它。

在没有CSS3的情况下,我们就是这样做的:

  <div class="shadow" style="width:150px">
    <div class="overlay">
      <p>BoxShadows 90s style.</p>
    </div>
  </div>
通过在内容下方添加略微移位的灰色div来实现

在这里寻找不那么奇特的结果


另一种方法是将表包装在一个表中,其中外部单元格有2个拉伸的半透明png和1个角png作为背景。看起来好多了,但由于大多数电子邮件客户端默认不显示图像,我会坚持使用覆盖分区的浏览器安全建议。

它只在一个应用程序中受支持。如果你想要100%的支持,最好使用图像。

gmail/yahoo邮件不支持box shadow,正如上所说的那样,那么有没有其他方法在电子邮件中提供shadow?没有必要;在尾端,尾随
不是必需的-OP语法是正确的,这是一个很好的解决方案,应该适用于所有客户端。有没有办法使阴影模糊?
.overlay {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  padding: 0.5em;
}
.shadow {
  background-color: #CCCCCC;
}
.shadow .overlay {
  bottom: 4px;
  position: relative;
  right: 4px;
}