Question

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

现在我写了以下代码

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

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

Answer 1

仅在few email clients.支持。如果您想要100％支持，最好使用图片。

Answer 2

这就是我们在没有CSS3的情况下如何做到这一点：

  <div class="shadow" style="width:150px">
    <div class="overlay">
      <p>BoxShadows 90s style.</p>
    </div>
  </div>

和CSS：

.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;
}

通过将内容置于稍微偏移的灰色div中来工作。

在这里查看不那么花哨的结果。 Example

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

Answer 3

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

你忘了补充;如果这是问题，请检查。

如何在邮件中给出盒子阴影

3 个答案: