Question

我正在尝试使用css为标题创建高亮效果，请参阅css-tricks article了解背景。

Here's a stackoverflow question有使用box-shadow声明在浏览器中使用的解决方案，但是通过Gmail don't support a lot of the newer CSS3 features等电子邮件发送电子邮件。

是否有基于CSS的文本突出显示的解决方法，可以在电子邮件模板中使用？

Answer 1

使用HTML电子邮件时，您必须对代码采用过时的方式。我不认为你可以给一个内联文本块一个背景颜色，但是你可以相当可靠地给像表格单元格的框一样背景颜色。

The following text is highlighted: <table><tr><td bgcolor="eeff00">Highlighted Text</td></tr></table>

This probably won't even be highlighted in email clients: <span style="background-color: #eeff00">Highlighted Text</span>

Answer 2

一个老技巧可能是使用双重文本（调整阴影颜色以满足您的要求）。

使用opacity进行了更新，这可能会有效，并且会给它带来更多“阴影效果”外观

<h1 style="text-align: center">
  <span style="font-family: Verdana; position: relative">
    <span style="position: absolute; left: 2px; top: 2px; width: 100%; color: #f00; opacity: 0.5; ">
      Service Request Created
    </span>
    <span style="position: relative">
      Service Request Created
    </span>
  </span>
</h1>

多行文字突出显示电子邮件设计中的CSS

2 个答案: