使用HTML+CSS的方式专控，可以很大程度上來(lái)自定義自己的郵件樣式抹凳。本片文章適合于有HTML和CSS基礎(chǔ)的讀者，如果你是前端工作人員伦腐，那可以說(shuō)是小菜一碟赢底，如果你沒(méi)有任何前端基礎(chǔ)，那么請(qǐng)你先作好相關(guān)知識(shí)的入門工作柏蘑。下面先來(lái)一個(gè)效果圖：
首先是DIV+CSS的布局幸冻，這個(gè)工作其實(shí)已經(jīng)很簡(jiǎn)單，不需要進(jìn)行色彩和內(nèi)容的構(gòu)思咳焚，只需要根據(jù)你自己的想法進(jìn)行布局洽损，說(shuō)白了，就是構(gòu)造一個(gè)網(wǎng)頁(yè)框架革半。
那么碑定，布局完了，就該添加一些你個(gè)人自定義的模板啦又官，這里的模板延刘，是指公用的模塊，比如標(biāo)題六敬、主題碘赖、稱呼、落款以及底部標(biāo)簽等等。這里需要使用CSS來(lái)美化你的模塊崖疤，加上適當(dāng)?shù)念伾钆涿爻担瑥亩纬煽吹氖娣泥]件界面。
然后劫哼，就是如何使用構(gòu)建好的模板來(lái)寫郵件叮趴。在這里，你的郵件模板是通過(guò)HTML源碼保存的权烧。要將一個(gè)網(wǎng)頁(yè)作為郵件內(nèi)容發(fā)送眯亦，其實(shí)有很多種方法，一是直接通過(guò)編程方式般码，這種方式應(yīng)當(dāng)是限制最小的妻率，一般企業(yè)發(fā)送的郵件可以通過(guò)內(nèi)部封裝好的API來(lái)發(fā)送，在JDK的擴(kuò)展包javax.mail就提供了很多收發(fā)郵件的方法板祝。這里主要還是針對(duì)廣大用戶宫静，使用傻瓜式的操作來(lái)構(gòu)建自己的自定義郵件。如下：
一般使用QQ郵箱券时，或者網(wǎng)易郵箱來(lái)編寫這種自定義的網(wǎng)頁(yè)郵件孤里。這里以網(wǎng)易郵箱為例：
1 切換編輯器至網(wǎng)頁(yè)源碼編輯模式
2 將編輯好的郵件模板的HTML源碼全部復(fù)制進(jìn)去，這里是指包含已經(jīng)寫好的郵件內(nèi)容橘洞。推薦將模板文件保存為單獨(dú)的HTML文件捌袜，需要的時(shí)候，復(fù)制一份出來(lái)炸枣，然后修改其中的文本內(nèi)容即可虏等。
3 直接切換為普通模式的時(shí)候你就可以預(yù)覽你的郵件了
4 最后點(diǎn)擊發(fā)送就可以了，別人就能看到你的網(wǎng)頁(yè)郵件了
值得注意的是：
1 要考慮兼容性适肠，一般布局的時(shí)候采用百分比的方式來(lái)定義霍衫，而不能直接以絕對(duì)定位的方式來(lái)設(shè)計(jì)你的模板。這樣才能保證在PC端侯养、平板端或者手機(jī)上閱讀的時(shí)候不會(huì)出現(xiàn)視覺(jué)障礙慕淡。如果你是專業(yè)的前端開(kāi)發(fā)人員，那你一定覺(jué)得我在說(shuō)三歲小孩就會(huì)的東西+.+沸毁。
** 2 部分郵箱不支持特定的標(biāo)簽**峰髓，在編輯時(shí)，比如騰訊QQ郵箱則不支持按鈕等外鏈（以前是不行的息尺，會(huì)將其鏈接失效携兵，現(xiàn)在不知道改了沒(méi)有），網(wǎng)易郵箱則是支持的搂誉。
**好了徐紧，本次分享就到此為止，發(fā)送一封網(wǎng)頁(yè)類型的郵件其實(shí)可以提高自己的逼格呢！當(dāng)然了并级，需要一定的HTML和CSS基礎(chǔ)拂檩。
**
如果你覺(jué)得本人的這個(gè)模板還不錯(cuò)，想要源碼的話嘲碧，也是可以的稻励，那么請(qǐng)盡情簡(jiǎn)信我。
文章更新日志:
2016-07-03 22:04 文章初稿愈涩。
