2021-6-22 前端達(dá)人
最近公司要求統(tǒng)一郵件簽名格式，好一頓折騰??！因?yàn)榻y(tǒng)一提供的簽名是HTML格式 而outlook不直接提供HTML的簽名生成和修改。但其實(shí)outlook的簽名是有HTML格式的，并且可以直接編輯，方便而且更好控制，只是outlook對(duì)HTML的支持限制很多，很多元素?zé)o法使用。以前基本上不會(huì)寫(xiě)HTML，為了這個(gè)簽名，HTML倒是學(xué)會(huì)了不少，也算意外收獲吧。痛并快樂(lè)著！
首先，要制作outlook簽名，需要在outlook先生成一個(gè)簽名，起個(gè)名字就行，反正內(nèi)容是要重新修改的。打開(kāi)outlook，依次打開(kāi)工具-》選項(xiàng)-》郵件格式，就能看到簽名按鈕。點(diǎn)擊簽名按鈕，打開(kāi)簽名和信紙對(duì)話(huà)框，選電子郵件簽名選項(xiàng)卡，然后點(diǎn)擊新建，輸入個(gè)名字，OK。第一步到此結(jié)束。
然后打開(kāi)“C:\Users\你的用戶(hù)名稱(chēng)\AppData\Roaming\Microsoft\Signatures”目錄就可以看到三個(gè)文件，一個(gè)文件夾，其中那個(gè)htm文件就是我們簽名的htm版本。用記事本打開(kāi)這個(gè)文件后可以看到很多的html代碼，這些都是outlook自動(dòng)生成的，對(duì)我們沒(méi)有用處，全選然后刪除吧。.rtf和.txt兩個(gè)文件是簽名的富文本和純文本格式，可以直接刪除那兩個(gè)文件。和.htm同名的文件夾千萬(wàn)不要?jiǎng)h除，那個(gè)html文件需要那個(gè)文件夾，它們是一體的，這個(gè)文件夾里會(huì)緩存一些圖片，看需求吧，不需要就可以直接刪除，特別對(duì)于簽名圖片是網(wǎng)絡(luò)引用的那種，一定要?jiǎng)h了，要不然outlook只是用那些緩存圖片，即使網(wǎng)絡(luò)圖片更換，它也不會(huì)變化。
最后可以將以下代碼復(fù)制進(jìn)那個(gè)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="宋體">營(yíng)銷(xiāo)中心</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="宋體">移動(dòng)電話(huà)</font> <font face="Tahoma">Mobile：139-8765-4321</font> <font face="宋體">辦公座機(jī)</font> <font face="Tahoma">Office Tel：029-1234 5678 Ext.604</font> <font face="宋體">公司網(wǎng)站</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="宋體">保密提示：本郵件及其附件含有保密信息，受商業(yè)秘密相關(guān)法律法規(guī)保護(hù)，不得泄露，僅限于發(fā)送給上面地址中列出的個(gè)人或群組合法使用。禁止任何其他人以任何形式使用（包括但不限于全部或部分地泄露、復(fù)制或散布）本郵件中的信息。如果您錯(cuò)收了本郵件，請(qǐng)您立即電話(huà)或郵件通知發(fā)件人并刪除本郵件！謝謝您的合作。</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的這個(gè)屬性只能支持在塊上設(shè)置，比如可以給td標(biāo)簽設(shè)置line-height，但是不能給span設(shè)置line-height，否則行高設(shè)置是不起作用的。
具體內(nèi)容可以根據(jù)實(shí)際情況改寫(xiě)。修改簽名文件后，最好關(guān)閉outlook重新打開(kāi)一下，要不然outlook里面會(huì)有緩存，造成顯示錯(cuò)誤。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
轉(zhuǎn)自：csdn 作者：ssmile
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn