c# 发送outlook邮件，设置html样式

已于 2022-12-12 11:38:48 修改
阅读量1.1k 收藏
点赞数
分类专栏： C# 文章标签： html 前端 css
于 2022-08-10 15:27:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41863998/article/details/126267312
版权

c# 发送outlook邮件，设置html样式

html源码

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <title>任务提醒</title>
    <style>
        body {
            font-family: "微软雅黑";
        }

        .textTable {
            width: 95%;
            padding: 0;
            margin: auto;
        }

        .textColor {
            font-size: 15px;
        }

        /*表格类型1：*/
        .KeyTasks {
            width: 95%;
            padding: 0;
            margin: auto;
            border-collapse: collapse;
            border-top: 2px solid #e5e9ed;
            border-left: 2px solid #e5e9ed;
            border-right: 2px solid #e5e9ed;
            border-bottom: 3px solid #e5e9ed;
        }

        .KeyTasks_Title {
            color: #ffffff;
            background: #3D4C54 no-repeat;
            text-align: center;
            height: 35px;
            font-size: 12px;
        }

        .KeyTasks_Column_Content {
            height: 35px;
        }

        .KeyTasks_Column_TaskName {
            color: #c1bdbd;
            background: #f2f6fa no-repeat;
            text-align: left;
            width: 55%;
            text-indent: 1em;
            font-size: 12px;
        }

        .KeyTasks_Column_TaskDate {
            color: #c1bdbd;
            background: #fafffc no-repeat;
            text-align: left;
            width: 20%;
            text-indent: 1em;
            font-size: 12px;
        }

        .KeyTasks_Column_TaskOwner {
            color: #c1bdbd;
            background: #fafffc no-repeat;
            text-align: left;
            width: 20%;
            border-left: 2px solid #e5e9ed;
            text-indent: 1em;
            font-size: 12px;
        }

        .KeyTasks_TaskName {
            color: #414649;
            background: #f2f6fa no-repeat;
            text-align: left;
            text-indent: 1em;
            border-bottom: 2px solid #e5e9ed;
            font-weight: 600;
            font-size: 10px;
        }

        .KeyTasks_TaskDate {
            color: #414649;
            background: #fafffc no-repeat;
            text-align: left;
            text-indent: 1em;
            border-bottom: 2px solid #e5e9ed;
            font-weight: 600;
            font-size: 10px;
        }

        .KeyTasks_TaskOwner {
            color: #414649;
            background: #fafffc no-repeat;
            text-align: left;
            border-left: 2px solid #e5e9ed;
            text-indent: 1em;
            border-bottom: 2px solid #e5e9ed;
            font-weight: 600;
            font-size: 10px;
        }

        .KeyTasks_Content {
            height: 50px;
            font-size: 12px;
        }

        /*表格类型2：*/
        .WeekTask {
            border: 2px solid #e5e9ed;
            width: 95%;
            padding: 0;
            margin: auto;
            border-collapse: collapse;
        }

        .WeekTask_KeyGates_Style {
            width: 9%;
            /*            height: 60px;*/
            text-align: center;
            background: #3D4C54 no-repeat;
            color: #ffffff;
            border-right: 2px solid #e5e9ed;
        }

        .WeekTask_KeyGates_null {
            width: 5%;
            /*            height: 60px;*/
            text-align: center;
            color: #ffffff;
            border-right: 2px solid #e5e9ed;
            background: #3D4C54;
            font-size: 12px;
        }

        .table2_th_hide {
            display: none;
        }

        .WeekTask_KeyGates_Name {
            font-size: 12px;
        }

        .WeekTask_KeyGates_Date {
            color: #ffffff;
            font-size: 10px;
        }

        .WeekTask_KeyGates_Details_Blue {
            color: #555252;
            width: 2%;
            border: 2px solid #e5e9ed;
            text-align: center;
            background: #F0F9FE;
            font-size: 12px;
            font-weight: 900;
        }

        .WeekTask_KeyGates_Details_Purple {
            color: #555252;
            width: 2%;
            border: 2px solid #e5e9ed;
            text-align: center;
            background: #F6F6FE;
            font-size: 12px;
            font-weight: 900;
        }

        .WeekTask_KeyGates_Details_Orange {
            color: #555252;
            width: 2%;
            border: 2px solid #e5e9ed;
            text-align: center;
            background: #FFF5EC;
            font-size: 12px;
            font-weight: 900;
        }

        .WeekTask_KeyGates_Details_LightBrown {
            color: #555252;
            width: 2%;
            border: 2px solid #e5e9ed;
            text-align: center;
            background: #9a838e;
            font-size: 12px;
            font-weight: 900;
        }

        .WeekTask_KeyGates_Content {
            height: 50px;
            /*       text-align: center;*/
            background: #ffffff;
            border: 2px solid #e5e9ed;
        }

        .WeekTask_KeyGates_Task_Blue {
            /*       border-top: 2px solid #c1bdbd;
            border-left: 2px solid #c1bdbd;
            border-right: 2px solid #c1bdbd;
            border-bottom: 2px solid #c1bdbd;*/
            height: 100%;
            background: #F0F9FE;
            font-weight: 600;
        }

        .WeekTask_KeyGates_Task_Purple {
            /*            border-top: 2px solid #c1bdbd;
            border-left: 2px solid #c1bdbd;
            border-right: 2px solid #c1bdbd;
            border-bottom: 2px solid #c1bdbd;*/
            height: 100%;
            background: #F6F6FE;
            font-weight: 600;
        }

        .WeekTask_KeyGates_Task_Orange {
            /*      border-top: 2px solid #c1bdbd;
            border-left: 2px solid #c1bdbd;
            border-right: 2px solid #c1bdbd;
            border-bottom: 2px solid #c1bdbd;*/
            height: 100%;
            background: #FFF5EC;
            font-weight: 600;
        }

        .WeekTask_KeyGates_Task_LightBrown {
            /*            border-top: 2px solid #c1bdbd;
            border-left: 2px solid #c1bdbd;
            border-right: 2px solid #c1bdbd;
            border-bottom: 2px solid #c1bdbd;*/
            height: 100%;
            background: #9a838e;
            font-weight: 600;
        }

        .WeekTask_KeyGates_Task_Details {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 10px;
            color: #555252;
        }

        /*表格类型3：*/

        .WeeksFour {
            width: 95%;
            padding: 0;
            margin: auto;
            border-collapse: collapse;
        }

        .WeeksFour_Column {
            height: 50px;
        }

        .WeeksFour_Column_Season {
            color: #ffffff;
            background: #3D4C54 no-repeat;
            text-align: center;
            width: 7%;
            border-right: 2px solid #e5e9ed;
            border-bottom: 2px solid #e5e9ed;
            border-top: 2px solid #e5e9ed;
            border-left: 2px solid #e5e9ed;
            font-size: 12px;
        }

        .WeeksFour_Column_WeekDetails {
            color: #FFFFFF;
            background: #3D4C54 no-repeat;
            text-align: center;
            width: 12%;
            border-right: 2px solid #e5e9ed;
            border-top: 2px solid #e5e9ed;
        }

        .WeeksFour_Column .WeeksFour_Column_WeekName {
            color: #ffffff;
            font-size: 12px;
        }

        .WeeksFour_Column_WeekDate {
            font-size: 10px;
        }

        .WeeksFour tr td {
            height: 71px;
            border-right: 2px solid #e5e9ed;
            border-bottom: 2px solid #e5e9ed;
            border-top: 2px solid #e5e9ed;
            border-left: 2px solid #e5e9ed;
        }

        .WeeksFour_Blue {
            color: #555252;
            font-weight: bolder;
            text-align: center;
            font-size: 12px;
            background: #F0F9FE;
        }

        .WeeksFour_Purple {
            color: #555252;
            font-weight: 900;
            text-align: center;
            font-size: 12px;
            background: #F6F6FE;
        }

        .WeeksFour_Orange {
            color: #555252;
            font-weight: 900;
            text-align: center;
            font-size: 12px;
            background: #FFF5EC;
        }

        .WeeksFour_LightBrown {
            color: #555252;
            font-weight: 900;
            text-align: center;
            font-size: 12px;
            background: #9a838e;
        }

        .WeeksFour_Content_Task {
            width: 90%;
            height: 40%;
            font-size: 10px;
            color: #414649;
            margin: auto;
            padding-top: 10px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            position: relative;
            line-height: 1.4em;
            font-weight: 600;
        }

        .WeeksFour_Content_Gate {
            width: 90%;
            height: 30%;
            font-size: 8px;
            color: #c1bdbd;
            font-weight: 600;
            margin: auto;
        }

        .WeeksFour_Content_DateFrom {
            width: 90%;
            height: 10%;
            font-size: 8px;
            color: #c1bdbd;
            font-weight: 600;
            margin: auto;
        }

        .WeeksFour_Content_Blue {
            height: 100%;
            width: 100%;
            background: #F0F9FE;
            margin: auto;
        }

        .WeeksFour_Content_Purple {
            height: 100%;
            width: 100%;
            background: #F6F6FE;
            margin: auto;
        }

        .WeeksFour_Content_Orange {
            height: 100%;
            width: 100%;
            background: #FFF5EC;
            margin: auto;
        }

        .WeeksFour_Content_LightBrown {
            height: 100%;
            width: 100%;
            background: #9a838e;
            margin: auto;
        }

        .spacing {
            height: 17px;
        }
    </style>
</head>

<body>
    <table width="80%" align="center">
        <!----------------------------------------------正文：对领导说的话---------------------------------------------->
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <table class='textTable' style="border-collapse:collapse;float:left;margin:10px">
                    <tr>
                        <td>
                            <span class="textColor">Dear All</span><br />
                            <img src="cid:BiReport" width="100%" height="5%" /><br />
                            <span class="textColor">This is a weekly system notification from E2E Process System for <%text_date%></span><br />
                            <span class="textColor">You can check out <a href='Https://cvprodtool.nike.com' style='color: #4788BD; text-decoration: none;'>Here</a> for details as well.</span><br />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!----------------------------------------------表格2---------------------------------------------->
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px">
                    <tr>
                        <td>
                            <!--表格类型2：-->
                            <span class="textColor">Where the Task is in Game Plan this week。</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <!--表格类型2：-->
                <table class='WeekTask' style="border-collapse:collapse;float:left;margin:10px">
                    <%tabel2_th%>

                    <%tabel2_tr%>
                </table>
            </td>
        </tr>
        <!----------------------------------------------表格1---------------------------------------------->
        <tr class="spacing"></tr>
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <!--表格类型1：-->
                <table class='KeyTasks' style="border-collapse:collapse;float:left;margin:10px">
                    <tr class='KeyTasks_Title'>
                        <th colspan='3'>KEY GATE NOTIFICATION(<%AKeyTasksDate%>)</th>
                    </tr>
                    <tr class='KeyTasks_Column_Content'>
                        <th class='KeyTasks_Column_TaskName'>KEY GATE</th>
                        <th class='KeyTasks_Column_TaskDate'>DATE</th>
                        <th class='KeyTasks_Column_TaskOwner'>OWNER</th>
                    </tr>

                    <%tabel1_tr%>

                </table>
            </td>
        </tr>
        <!----------------------------------------------表格3---------------------------------------------->
        <tr class="spacing"></tr>
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px">
                    <tr>
                        <td>
                            <span class="textColor">Happy to share the following 4 weeks Calendar for your information</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <!--表格类型3：-->
                <!--表格1：-->
                <table class='WeeksFour' style="border-collapse:collapse;float:left;margin:10px;">
                    <%tabel3_1_th%>

                    <%tabel3_1_tr%>
                </table>
                <table>
                    <tr style="height:6px;"></tr>
                </table>
                <!--表格2：-->
                <table class='WeeksFour' style="border-collapse:collapse;float:left;margin:10px;">
                    <%tabel3_2_th%>

                    <%tabel3_2_tr%>
                </table>
                <table>
                    <tr style="height:6px;"></tr>
                </table>
                <!--表格3：-->
                <table class='WeeksFour' style="border-collapse:collapse;float:left;margin:10px;">
                    <%tabel3_3_th%>

                    <%tabel3_3_tr%>
                </table>
                <table>
                    <tr style="height:6px;"></tr>
                </table>
                <!--表格4：-->
                <table class='WeeksFour' style="border-collapse:collapse;float:left;margin:10px;">
                    <%tabel3_4_th%>

                    <%tabel3_4_tr%>
                </table>
            </td>
        </tr>
        <!----------------------------------------------尾图---------------------------------------------->
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <table class='textTable' style="border-collapse:collapse;float:left;margin:10px;">
                    <tr>
                        <td>
                            <img src='cid:BiReport' width="100%" height="5%" /><br />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!----------------------------------------------公司图标---------------------------------------------->
        <tr class="spacing"></tr>
        <tr>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px"></table>
            </td>
            <td>
                <table style="border-collapse:collapse;float:left;margin:10px;">
                    <tr>
                        <td>
                            <img src='cid:companyIcon' /><br />
                            <span style="font-size: 12px; font-weight: bolder; ">Best Regards,</span><br />
                            <span style="font-size: 12px; font-weight: bolder; ">Asia E2E Process Tool</span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

效果

无味无感
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
.Net C# 发送带背景图html邮件（解决Outlook不显示背景图问题）
人生若南柯一梦
08-06 1089
.Net C# 发送带背景图html邮件（解决Outlook不显示背景图问题）
html 邮件乱码怎么办,如何解决html邮件乱码问题
weixin_39711867的博客
06-16 1457
html邮件乱码的解决办法：1、在mail函数前一行打印message内容；2、将邮件内容保存为html文件后查看；3、设置UTF-8编码。本文操作环境：windows7系统、HTML5版、Dell G3电脑。如何解决html邮件乱码问题？mail 邮件内容出现随机乱码问题描述：将数据(含中文)拼装为html文件格式，发送邮件到指定用户。利用PHP中的mail函数//拼装header。指定编码ut...
在outlook的邮件中插入HTML；HTML模板获取；页面组态手动生成HTML
最新发布
AnChenliang_1002的博客
05-29 1011
本文介绍如何在outlook发送邮件时，在邮件中插入HTML，此HTML可以从获取模板自行进行修改。
通过外接程序将Outlook邮件导出成Word文档
ddjq1044的博客
01-27 325
　　Visual Studio允许创建Office类型的工程，用于给Office产品创建外接程序以及自定义模板等。这是一个非常实用的功能，在早期版本的Office中我们只能通过VBA代码来实现一些自定义的功能，如文本的自动替换、宏录制功能等等。VBA的功能很有限，有些时候我们希望自定义程序能够完成更多的功能，比如在Office多个不同产品之间进行文档转换、调用系统API、远程过程调用及W...
c#以单据标准格式写EXCEL并发送邮件出去
emailqjc的专栏
05-11 4451
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows.Forms; using System.Reflection; using Microsoft.Office.Interop.Excel; using System.Net
从Powershell发送样式化HTML电子邮件（在Powershell中使用.NET DLL）
cunchi8090的博客
07-21 1146
介绍 (Introduction) I have written a small mail sending function in .NET that I leverage in all my systems I develop. I had to develop a bunch of Powershell scripts to monitor and report on various pro...
发送邮件带附件，邀请邮件加入日历
Michael曾的博客
03-15 5416
1、发送邮件带附件 /** *@param fileName 附件文件名 *@param outputStream 附件的输出流 *@param contentType “application/vnd.ms-excel;charset=UTF-8”这是excel附件，其他附件还要稍微改动下 **/ public Result sendMailWithAttachment(String toEma...
(18)C#传智:HTML,属性,标签,元素,body,Font,A,列表,表格,表单,Div,Span,框架
白话魔法师
03-18 581
html简介及入门
html格式化body,Python win32com Outlook HTMLbody格式化目录不正确(Python win32com Outlook HTMLbody formatting dir...
weixin_32538033的博客
06-07 638
Python win32com Outlook HTMLbody格式化目录不正确(Python win32com Outlook HTMLbody formatting directory incorrectly)我正在尝试使用Outlook电子邮件正文中的win32com向共享目录发送超链接。 我不确定程序运行时我的路径发生了什么，使目录显示在下面。import win32com.client ...
C#发送内置图片html格式邮件的方法
09-03
本篇将详细介绍如何使用C#发送内置图片的HTML格式邮件，这对于那些需要在邮件中展示公司logo或者产品图片的开发者来说非常有用。 首先，我们需要创建一个`MailMessage`对象，这是.NET Framework提供的用于封装邮件...
C# Email邮件发送功能 找回或重置密码功能
08-26
- `IsHtml` 如果为`true`，则邮件内容将以HTML格式发送，允许添加样式和多媒体内容。 在`SendMail`方法内部，我们创建了一个`MailMessage`对象来构建邮件的结构，然后设置其属性，如`From`、`To`、`Subject`、`Body...
c#实现邮件发送
09-06
下面是一份基本的C#发送邮件的示例代码： ```csharp using System; using System.Net; using System.Net.Mail; public class EmailService { public void SendEmail(string from, string to, string subject, ...
发送电子邮件
03-25
2. **邮件客户端**：你可以使用各种编程语言（如Python、Java、C#等）来编写代码，通过SMTP服务器发送邮件。这些编程语言都有相应的库或模块支持邮件发送，比如Python的`smtplib`和`email`库，Java的`javax.mail`包...
发送电子邮件的代码资源
07-02
- **C#/.NET**：.NET框架提供了`System.Net.Mail`命名空间，用于创建和发送电子邮件。 4. **身份验证**：为了防止滥用，SMTP服务器通常需要身份验证。这可能包括用户名和密码（SMTPAUTH），或者使用OAuth2进行授权...
ASP.NET Outlook样式工具栏控件
04-08
ASP.NET Outlook样式工具栏控件是一种在Web应用中模拟Microsoft Outlook界面风格的用户界面元素，它为用户提供了一种熟悉的交互体验。在ASP.NET环境中，这种控件通常由开发者自定义或者使用第三方库来实现，目的是...
Great email library for C#..zip
01-05
标题中的“Great email library for C#”指的是一个优秀的C#编程语言中用于处理电子邮件的库。这个库可能是开源的，旨在帮助开发者轻松地构建发送、接收、解析和管理电子邮件的功能。在C#开发中，这样的库通常是.NET...
1个像outlook的控件
08-23
1. **邮件管理**：控件应具备撰写、发送、接收、存储和管理电子邮件的功能，类似于Outlook的收件箱、发件箱、草稿箱和垃圾邮件文件夹。 2. **日历视图**：提供日、周、月和年视图，允许用户创建、编辑和查看日程...
c#发送html邮件
05-25
以下是使用C#发送包含HTML内容的电子邮件的示例代码： ```csharp using System.Net.Mail; // 创建MailMessage对象 MailMessage mail = new MailMessage(); mail.From = new MailAddress("你的邮箱地址"); mail.To.Add("收件人邮箱地址"); mail.Subject = "邮件主题"; mail.Body = "<h1>邮件正文</h1><p>这是一封包含HTML内容的邮件</p>"; mail.IsBodyHtml = true; // 创建SmtpClient对象并发送邮件 SmtpClient smtp = new SmtpClient("smtp.gmail.com", 587); smtp.Credentials = new System.Net.NetworkCredential("你的邮箱地址", "你的邮箱密码"); smtp.EnableSsl = true; smtp.Send(mail); ``` 在代码中，首先创建了一个 `MailMessage` 对象，设置了发件人、收件人、主题、邮件正文以及是否启用HTML格式；然后创建了一个 `SmtpClient` 对象，指定SMTP服务器地址、端口、发件人邮箱地址和密码，以及是否启用SSL加密；最后调用 `smtp.Send(mail)` 方法发送邮件。 请注意，不同的邮件服务提供商可能需要不同的SMTP服务器地址和端口号，请参考你所使用的邮件服务提供商的文档。同时，请确保你的邮箱账号开启了SMTP服务，并且设置了正确的SMTP用户名和密码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值