2021-6-22 前端達人
最近公司要求統一郵件簽名格式，好一頓折騰啊！因為統一提供的簽名是HTML格式 而outlook不直接提供HTML的簽名生成和修改。但其實outlook的簽名是有HTML格式的，并且可以直接編輯，方便而且更好控制，只是outlook對HTML的支持限制很多，很多元素無法使用。以前基本上不會寫HTML，為了這個簽名，HTML倒是學會了不少，也算意外收獲吧。痛并快樂著！
首先，要制作outlook簽名，需要在outlook先生成一個簽名，起個名字就行，反正內容是要重新修改的。打開outlook，依次打開工具-》選項-》郵件格式，就能看到簽名按鈕。點擊簽名按鈕，打開簽名和信紙對話框，選電子郵件簽名選項卡，然后點擊新建，輸入個名字，OK。第一步到此結束。
然后打開“C:\Users\你的用戶名稱\AppData\Roaming\Microsoft\Signatures”目錄就可以看到三個文件，一個文件夾，其中那個htm文件就是我們簽名的htm版本。用記事本打開這個文件后可以看到很多的html代碼，這些都是outlook自動生成的，對我們沒有用處，全選然后刪除吧。.rtf和.txt兩個文件是簽名的富文本和純文本格式，可以直接刪除那兩個文件。和.htm同名的文件夾千萬不要刪除，那個html文件需要那個文件夾，它們是一體的，這個文件夾里會緩存一些圖片，看需求吧，不需要就可以直接刪除，特別對于簽名圖片是網絡引用的那種，一定要刪了，要不然outlook只是用那些緩存圖片，即使網絡圖片更換，它也不會變化。
最后可以將以下代碼復制進那個htm文件
<head>
</head>
<body>
<hr style="width: 210px; height: 1px;" color="#b5c4df" size="1" align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="1">
<tbody>
<tr>
<td valign="top" width="55" height="60">
<img src="http://www.xxxxxx.cn/email/logo.gif" width="45" height="45">
</td>
<td valign="top" height="60" style="mso-line-height-rule:exactly; line-height:2.5;font-size:12px;">
<strong><span><font face="宋體">你的名字</font> ┃ <font face="宋體">營銷中心</font><br></span></strong>
<strong><span style="color:#C42634;"><font face="宋體">xxxxxxxxxx有限公司</font></span></strong>
</td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="1">
<tbody>
<tr>
<td valign="top" style="mso-line-height-rule:exactly; line-height:2.5;font-size:12px;>
<span><font face="宋體">移動電話</font> <font face="Tahoma">Mobile：139-8765-4321</font> <font face="宋體">辦公座機</font> <font face="Tahoma">Office Tel：029-1234 5678 Ext.604</font> <font face="宋體">公司網站</font> <font face="Tahoma">Web：http://www.xxxx.com</font></span><br>
<span><font face="宋體">電子郵箱</font> <font face="Tahoma">E-mail：xxxxxx@xxxxx.com</font> <font face="宋體">公司地址</font> <font face="Tahoma">Address：</font><font face="宋體">xxxxxxxxxxx</font><font face="Tahoma">x</font><font face="宋體">層</font><font face="Tahoma">xxxx</font></span><br>
</td>
</tr>
<tr>
<td valign="top" style="mso-line-height-rule:exactly; line-height:1.5;font-size:10px;color:#CCCCCC;">
<span><font face="宋體">保密提示：本郵件及其附件含有保密信息，受商業秘密相關法律法規保護，不得泄露，僅限于發送給上面地址中列出的個人或群組合法使用。禁止任何其他人以任何形式使用（包括但不限于全部或部分地泄露、復制或散布）本郵件中的信息。如果您錯收了本郵件，請您立即電話或郵件通知發件人并刪除本郵件！謝謝您的合作。</font><font face="Tahoma"> Confidentiality Notice: This e-mail and its attachments contain confidential information, which is protected under commercial secrets related laws and regulations, and intended only for the legitimate use of person or entity whose address is listed above. Any use of the information contained herein in any way (including, but not limited to, total or partial disclosure, reproduction, or dissemination) by persons other than the intended recipient(s) is prohibited. If you receive this e-mail in error, please notify the sender by phone or email immediately and delete it.</font><br></span>
</td>
</tr>
</tbody>
</table>
<img src="http://www.xxxxxx.cn/email/ad.gif"><br>
</body>
</html>
在outlook簽名中最難處理的行高，line-height屬性，outlook的這個屬性只能支持在塊上設置，比如可以給td標簽設置line-height，但是不能給span設置line-height，否則行高設置是不起作用的。
具體內容可以根據實際情況改寫。修改簽名文件后，最好關閉outlook重新打開一下，要不然outlook里面會有緩存，造成顯示錯誤。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
轉自：csdn 作者：ssmile
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍藍設計( www.lapeinture.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務