为 html 电子邮件复制 div 或任何边框

Question

对于某些人来说，这似乎是一个非常简单的问题，但我被要求为我办公室的某个人制作一个 html 电子邮件签名。

稍微谷歌一下，似乎对于gmail，您需要做的就是设计您要使用的签名，然后将整个签名复制并粘贴到他们的签名框中，然后您就可以开始了。

我运行遇到的问题是我只能复制文本，我找不到复制 div 边框的方法（我尝试使用 table 这也是，但是运行进入同样的问题。

我试图找到解决这个问题的方法，看看是否有什么地方可以将纯 html 输入到他们的签名框中，但它呈现为文本，而不是 html .

找了半天没找到解决方法，如有帮助将不胜感激！（将在下面添加html）

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
            #box {
                border-style: solid;
                border-color: black;
                height: 130px;
                width: 285px;
            }
            #name{
                font-weight: bold;
                text-align: center;

            }

            table, th, td {
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <div id=box>
            <p id=name> ———— John Doe ———— </p>

        </div>

        <table>
            <tr> 
                <td>test</td>
            </tr>
        </table>
    </body>
</html>

Answer 1

HTML 电子邮件签名需要考虑很多因素。您需要像处理常规 HTML 电子邮件一样开发和设计它。这意味着所有样式都应该内联——尤其是 Gmail，因为它会忽略所有样式标签。您还需要考虑每个客户端 (https://www.campaignmonitor.com/css/) 可用的 CSS。

您还需要在每个客户端测试此签名，因为您使用的电子邮件客户端实际上可能会更改您在发送之前输入的代码，并且每个电子邮件客户端的预处理器可能会删除或进一步编辑您的代码发货。

一篇关于创建电子邮件签名的精彩文章：http://www.sitepoint.com/the-art-of-designing-and-marking-up-email-signatures/

这是您的内联代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div style="border-style: solid; border-color: black; height: 130px; width: 285px;">
            <p style="font-weight: bold; text-align: center;"> &#8212;&#8212;&#8212;&#8212; John Doe &#8212;&#8212;&#8212;&#8212; </p>

        </div>

        <table>
            <tr> 
                <td style="border: 1px solid black;">test</td>
            </tr>
        </table>
    </body>
</html>

为 html 电子邮件复制 div 或任何边框

copying a div or any borders, for an html email

html-email